ngxsmk-datepicker 3.0.4 → 3.0.5

package/fesm2022/ngxsmk-datepicker.mjs

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component, inject, ElementRef, PLATFORM_ID, HostListener, ViewEncapsulation, signal, computed, input, output, InjectionToken, Injector, runInInjectionContext, effect, isDevMode, Injectable, forwardRef, ApplicationRef, ChangeDetectorRef, booleanAttribute, HostBinding, NgModule } from '@angular/core';
 import { NgClass, DOCUMENT, isPlatformBrowser, NgTemplateOutlet, DatePipe } from '@angular/common';
-import { NgControl } from '@angular/forms';
-import { Subject } from 'rxjs';
+import * as i1 from '@angular/forms';
+import { FormsModule, NgControl } from '@angular/forms';
+import { Subject, isObservable, firstValueFrom } from 'rxjs';
 
 function getStartOfDay(d) {
     const start = new Date(d.getFullYear(), d.getMonth(), d.getDate(), 12, 0, 0, 0);
@@ -2196,169 +2197,169 @@ class CalendarYearViewComponent {
         return `Select decade ${decade} - ${decade + 9}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CalendarYearViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: CalendarYearViewComponent, isStandalone: true, selector: "ngxsmk-calendar-year-view", inputs: { viewMode: "viewMode", yearGrid: "yearGrid", decadeGrid: "decadeGrid", currentYear: "currentYear", currentDecade: "currentDecade", today: "today", disabled: "disabled", isYearDisabled: "isYearDisabled", isDecadeDisabled: "isDecadeDisabled", selectedDate: "selectedDate", startDate: "startDate", mode: "mode", yearContainerHeight: "yearContainerHeight", decadeContainerHeight: "decadeContainerHeight", previousYearsLabel: "previousYearsLabel", nextYearsLabel: "nextYearsLabel", previousDecadeLabel: "previousDecadeLabel", nextDecadeLabel: "nextDecadeLabel", headerClass: "headerClass", navPrevClass: "navPrevClass", navNextClass: "navNextClass" }, outputs: { viewModeChange: "viewModeChange", yearClick: "yearClick", decadeClick: "decadeClick", changeYear: "changeYear", changeDecade: "changeDecade" }, viewQueries: [{ propertyName: "yearScrollContainer", first: true, predicate: ["yearScrollContainer"], descendants: true }, { propertyName: "decadeScrollContainer", first: true, predicate: ["decadeScrollContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-    @if (viewMode === 'year') {
-      <div class="ngxsmk-header" [ngClass]="headerClass">
-        <div class="ngxsmk-year-display">
-          <button
-            type="button"
-            class="ngxsmk-view-toggle"
-            (click)="viewModeChange.emit('decade')"
-            [disabled]="disabled"
-          >
-            {{ getDecadeRangeLabel() }}
-          </button>
-        </div>
-        <div class="ngxsmk-nav-buttons">
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeYear.emit(-12)"
-            [disabled]="disabled"
-            [attr.aria-label]="previousYearsLabel"
-            [ngClass]="navPrevClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M328 112L184 256l144 144"
-              />
-            </svg>
-          </button>
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeYear.emit(12)"
-            [disabled]="disabled"
-            [attr.aria-label]="nextYearsLabel"
-            [ngClass]="navNextClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M184 112l144 144-144 144"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-      <div
-        class="ngxsmk-year-grid-container"
-        #yearScrollContainer
-        (scroll)="onYearScroll($event)"
-        [style.height.px]="yearContainerHeight"
-      >
-        <div
-          class="ngxsmk-year-grid"
-          role="grid"
-          aria-label="Select Year"
-          [style.height.px]="yearVirtualResult().totalHeight"
-          [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
-        >
-          @for (item of yearVirtualResult().visibleItems; track item.index) {
-            <button
-              type="button"
-              role="gridcell"
-              class="ngxsmk-year-cell"
-              [class.selected]="isYearSelected(item.data)"
-              [class.today]="item.data === today.getFullYear()"
-              [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
-              [attr.aria-selected]="isYearSelected(item.data)"
-              [attr.aria-current]="item.data === today.getFullYear() ? 'date' : null"
-              (click)="onYearCellClick(item.data, $event)"
-              (keydown.enter)="onYearCellClick(item.data, $event)"
-              [attr.aria-label]="getYearAriaLabel(item.data)"
-            >
-              {{ item.data }}
-            </button>
-          }
-        </div>
-      </div>
-    }
-
-    @if (viewMode === 'decade') {
-      <div class="ngxsmk-header" [ngClass]="headerClass">
-        <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
-        <div class="ngxsmk-nav-buttons">
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeDecade.emit(-1)"
-            [disabled]="disabled"
-            [attr.aria-label]="previousDecadeLabel"
-            [ngClass]="navPrevClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M328 112L184 256l144 144"
-              />
-            </svg>
-          </button>
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeDecade.emit(1)"
-            [disabled]="disabled"
-            [attr.aria-label]="nextDecadeLabel"
-            [ngClass]="navNextClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M184 112l144 144-144 144"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-      <div
-        class="ngxsmk-decade-grid-container"
-        #decadeScrollContainer
-        (scroll)="onDecadeScroll($event)"
-        [style.height.px]="decadeContainerHeight"
-      >
-        <div
-          class="ngxsmk-decade-grid"
-          role="grid"
-          aria-label="Select Decade"
-          [style.height.px]="decadeVirtualResult().totalHeight"
-          [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
-        >
-          @for (item of decadeVirtualResult().visibleItems; track item.index) {
-            <button
-              type="button"
-              role="gridcell"
-              class="ngxsmk-decade-cell"
-              [class.selected]="item.data === currentDecade"
-              [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
-              [attr.aria-selected]="item.data === currentDecade"
-              (click)="onDecadeCellClick(item.data, $event)"
-              (keydown.enter)="onDecadeCellClick(item.data, $event)"
-              [attr.aria-label]="getDecadeAriaLabel(item.data)"
-            >
-              {{ item.data }} - {{ item.data + 9 }}
-            </button>
-          }
-        </div>
-      </div>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: CalendarYearViewComponent, isStandalone: true, selector: "ngxsmk-calendar-year-view", inputs: { viewMode: "viewMode", yearGrid: "yearGrid", decadeGrid: "decadeGrid", currentYear: "currentYear", currentDecade: "currentDecade", today: "today", disabled: "disabled", isYearDisabled: "isYearDisabled", isDecadeDisabled: "isDecadeDisabled", selectedDate: "selectedDate", startDate: "startDate", mode: "mode", yearContainerHeight: "yearContainerHeight", decadeContainerHeight: "decadeContainerHeight", previousYearsLabel: "previousYearsLabel", nextYearsLabel: "nextYearsLabel", previousDecadeLabel: "previousDecadeLabel", nextDecadeLabel: "nextDecadeLabel", headerClass: "headerClass", navPrevClass: "navPrevClass", navNextClass: "navNextClass" }, outputs: { viewModeChange: "viewModeChange", yearClick: "yearClick", decadeClick: "decadeClick", changeYear: "changeYear", changeDecade: "changeDecade" }, viewQueries: [{ propertyName: "yearScrollContainer", first: true, predicate: ["yearScrollContainer"], descendants: true }, { propertyName: "decadeScrollContainer", first: true, predicate: ["decadeScrollContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    @if (viewMode === 'year') {
+      <div class="ngxsmk-header" [ngClass]="headerClass">
+        <div class="ngxsmk-year-display">
+          <button
+            type="button"
+            class="ngxsmk-view-toggle"
+            (click)="viewModeChange.emit('decade')"
+            [disabled]="disabled"
+          >
+            {{ getDecadeRangeLabel() }}
+          </button>
+        </div>
+        <div class="ngxsmk-nav-buttons">
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeYear.emit(-12)"
+            [disabled]="disabled"
+            [attr.aria-label]="previousYearsLabel"
+            [ngClass]="navPrevClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M328 112L184 256l144 144"
+              />
+            </svg>
+          </button>
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeYear.emit(12)"
+            [disabled]="disabled"
+            [attr.aria-label]="nextYearsLabel"
+            [ngClass]="navNextClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M184 112l144 144-144 144"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+      <div
+        class="ngxsmk-year-grid-container"
+        #yearScrollContainer
+        (scroll)="onYearScroll($event)"
+        [style.height.px]="yearContainerHeight"
+      >
+        <div
+          class="ngxsmk-year-grid"
+          role="grid"
+          aria-label="Select Year"
+          [style.height.px]="yearVirtualResult().totalHeight"
+          [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
+        >
+          @for (item of yearVirtualResult().visibleItems; track item.index) {
+            <button
+              type="button"
+              role="gridcell"
+              class="ngxsmk-year-cell"
+              [class.selected]="isYearSelected(item.data)"
+              [class.today]="item.data === today.getFullYear()"
+              [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
+              [attr.aria-selected]="isYearSelected(item.data)"
+              [attr.aria-current]="item.data === today.getFullYear() ? 'date' : null"
+              (click)="onYearCellClick(item.data, $event)"
+              (keydown.enter)="onYearCellClick(item.data, $event)"
+              [attr.aria-label]="getYearAriaLabel(item.data)"
+            >
+              {{ item.data }}
+            </button>
+          }
+        </div>
+      </div>
+    }
+
+    @if (viewMode === 'decade') {
+      <div class="ngxsmk-header" [ngClass]="headerClass">
+        <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
+        <div class="ngxsmk-nav-buttons">
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeDecade.emit(-1)"
+            [disabled]="disabled"
+            [attr.aria-label]="previousDecadeLabel"
+            [ngClass]="navPrevClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M328 112L184 256l144 144"
+              />
+            </svg>
+          </button>
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeDecade.emit(1)"
+            [disabled]="disabled"
+            [attr.aria-label]="nextDecadeLabel"
+            [ngClass]="navNextClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M184 112l144 144-144 144"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+      <div
+        class="ngxsmk-decade-grid-container"
+        #decadeScrollContainer
+        (scroll)="onDecadeScroll($event)"
+        [style.height.px]="decadeContainerHeight"
+      >
+        <div
+          class="ngxsmk-decade-grid"
+          role="grid"
+          aria-label="Select Decade"
+          [style.height.px]="decadeVirtualResult().totalHeight"
+          [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
+        >
+          @for (item of decadeVirtualResult().visibleItems; track item.index) {
+            <button
+              type="button"
+              role="gridcell"
+              class="ngxsmk-decade-cell"
+              [class.selected]="item.data === currentDecade"
+              [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
+              [attr.aria-selected]="item.data === currentDecade"
+              (click)="onDecadeCellClick(item.data, $event)"
+              (keydown.enter)="onDecadeCellClick(item.data, $event)"
+              [attr.aria-label]="getDecadeAriaLabel(item.data)"
+            >
+              {{ item.data }} - {{ item.data + 9 }}
+            </button>
+          }
+        </div>
+      </div>
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CalendarYearViewComponent, decorators: [{
@@ -2368,169 +2369,169 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                     standalone: true,
                     imports: [NgClass],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    @if (viewMode === 'year') {
-      <div class="ngxsmk-header" [ngClass]="headerClass">
-        <div class="ngxsmk-year-display">
-          <button
-            type="button"
-            class="ngxsmk-view-toggle"
-            (click)="viewModeChange.emit('decade')"
-            [disabled]="disabled"
-          >
-            {{ getDecadeRangeLabel() }}
-          </button>
-        </div>
-        <div class="ngxsmk-nav-buttons">
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeYear.emit(-12)"
-            [disabled]="disabled"
-            [attr.aria-label]="previousYearsLabel"
-            [ngClass]="navPrevClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M328 112L184 256l144 144"
-              />
-            </svg>
-          </button>
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeYear.emit(12)"
-            [disabled]="disabled"
-            [attr.aria-label]="nextYearsLabel"
-            [ngClass]="navNextClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M184 112l144 144-144 144"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-      <div
-        class="ngxsmk-year-grid-container"
-        #yearScrollContainer
-        (scroll)="onYearScroll($event)"
-        [style.height.px]="yearContainerHeight"
-      >
-        <div
-          class="ngxsmk-year-grid"
-          role="grid"
-          aria-label="Select Year"
-          [style.height.px]="yearVirtualResult().totalHeight"
-          [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
-        >
-          @for (item of yearVirtualResult().visibleItems; track item.index) {
-            <button
-              type="button"
-              role="gridcell"
-              class="ngxsmk-year-cell"
-              [class.selected]="isYearSelected(item.data)"
-              [class.today]="item.data === today.getFullYear()"
-              [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
-              [attr.aria-selected]="isYearSelected(item.data)"
-              [attr.aria-current]="item.data === today.getFullYear() ? 'date' : null"
-              (click)="onYearCellClick(item.data, $event)"
-              (keydown.enter)="onYearCellClick(item.data, $event)"
-              [attr.aria-label]="getYearAriaLabel(item.data)"
-            >
-              {{ item.data }}
-            </button>
-          }
-        </div>
-      </div>
-    }
-
-    @if (viewMode === 'decade') {
-      <div class="ngxsmk-header" [ngClass]="headerClass">
-        <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
-        <div class="ngxsmk-nav-buttons">
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeDecade.emit(-1)"
-            [disabled]="disabled"
-            [attr.aria-label]="previousDecadeLabel"
-            [ngClass]="navPrevClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M328 112L184 256l144 144"
-              />
-            </svg>
-          </button>
-          <button
-            type="button"
-            class="ngxsmk-nav-button"
-            (click)="changeDecade.emit(1)"
-            [disabled]="disabled"
-            [attr.aria-label]="nextDecadeLabel"
-            [ngClass]="navNextClass"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-              <path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="48"
-                d="M184 112l144 144-144 144"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-      <div
-        class="ngxsmk-decade-grid-container"
-        #decadeScrollContainer
-        (scroll)="onDecadeScroll($event)"
-        [style.height.px]="decadeContainerHeight"
-      >
-        <div
-          class="ngxsmk-decade-grid"
-          role="grid"
-          aria-label="Select Decade"
-          [style.height.px]="decadeVirtualResult().totalHeight"
-          [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
-        >
-          @for (item of decadeVirtualResult().visibleItems; track item.index) {
-            <button
-              type="button"
-              role="gridcell"
-              class="ngxsmk-decade-cell"
-              [class.selected]="item.data === currentDecade"
-              [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
-              [attr.aria-selected]="item.data === currentDecade"
-              (click)="onDecadeCellClick(item.data, $event)"
-              (keydown.enter)="onDecadeCellClick(item.data, $event)"
-              [attr.aria-label]="getDecadeAriaLabel(item.data)"
-            >
-              {{ item.data }} - {{ item.data + 9 }}
-            </button>
-          }
-        </div>
-      </div>
-    }
+                    template: `
+    @if (viewMode === 'year') {
+      <div class="ngxsmk-header" [ngClass]="headerClass">
+        <div class="ngxsmk-year-display">
+          <button
+            type="button"
+            class="ngxsmk-view-toggle"
+            (click)="viewModeChange.emit('decade')"
+            [disabled]="disabled"
+          >
+            {{ getDecadeRangeLabel() }}
+          </button>
+        </div>
+        <div class="ngxsmk-nav-buttons">
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeYear.emit(-12)"
+            [disabled]="disabled"
+            [attr.aria-label]="previousYearsLabel"
+            [ngClass]="navPrevClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M328 112L184 256l144 144"
+              />
+            </svg>
+          </button>
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeYear.emit(12)"
+            [disabled]="disabled"
+            [attr.aria-label]="nextYearsLabel"
+            [ngClass]="navNextClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M184 112l144 144-144 144"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+      <div
+        class="ngxsmk-year-grid-container"
+        #yearScrollContainer
+        (scroll)="onYearScroll($event)"
+        [style.height.px]="yearContainerHeight"
+      >
+        <div
+          class="ngxsmk-year-grid"
+          role="grid"
+          aria-label="Select Year"
+          [style.height.px]="yearVirtualResult().totalHeight"
+          [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
+        >
+          @for (item of yearVirtualResult().visibleItems; track item.index) {
+            <button
+              type="button"
+              role="gridcell"
+              class="ngxsmk-year-cell"
+              [class.selected]="isYearSelected(item.data)"
+              [class.today]="item.data === today.getFullYear()"
+              [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
+              [attr.aria-selected]="isYearSelected(item.data)"
+              [attr.aria-current]="item.data === today.getFullYear() ? 'date' : null"
+              (click)="onYearCellClick(item.data, $event)"
+              (keydown.enter)="onYearCellClick(item.data, $event)"
+              [attr.aria-label]="getYearAriaLabel(item.data)"
+            >
+              {{ item.data }}
+            </button>
+          }
+        </div>
+      </div>
+    }
+
+    @if (viewMode === 'decade') {
+      <div class="ngxsmk-header" [ngClass]="headerClass">
+        <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
+        <div class="ngxsmk-nav-buttons">
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeDecade.emit(-1)"
+            [disabled]="disabled"
+            [attr.aria-label]="previousDecadeLabel"
+            [ngClass]="navPrevClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M328 112L184 256l144 144"
+              />
+            </svg>
+          </button>
+          <button
+            type="button"
+            class="ngxsmk-nav-button"
+            (click)="changeDecade.emit(1)"
+            [disabled]="disabled"
+            [attr.aria-label]="nextDecadeLabel"
+            [ngClass]="navNextClass"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="48"
+                d="M184 112l144 144-144 144"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
+      <div
+        class="ngxsmk-decade-grid-container"
+        #decadeScrollContainer
+        (scroll)="onDecadeScroll($event)"
+        [style.height.px]="decadeContainerHeight"
+      >
+        <div
+          class="ngxsmk-decade-grid"
+          role="grid"
+          aria-label="Select Decade"
+          [style.height.px]="decadeVirtualResult().totalHeight"
+          [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
+        >
+          @for (item of decadeVirtualResult().visibleItems; track item.index) {
+            <button
+              type="button"
+              role="gridcell"
+              class="ngxsmk-decade-cell"
+              [class.selected]="item.data === currentDecade"
+              [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
+              [attr.aria-selected]="item.data === currentDecade"
+              (click)="onDecadeCellClick(item.data, $event)"
+              (keydown.enter)="onDecadeCellClick(item.data, $event)"
+              [attr.aria-label]="getDecadeAriaLabel(item.data)"
+            >
+              {{ item.data }} - {{ item.data + 9 }}
+            </button>
+          }
+        </div>
+      </div>
+    }
   `,
                 }]
         }], propDecorators: { viewMode: [{
@@ -2799,25 +2800,25 @@ class NgxsmkDatepickerPresetsComponent {
         return range.key;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerPresetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerPresetsComponent, isStandalone: true, selector: "ngxsmk-datepicker-presets", inputs: { ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, selectedRange: { classPropertyName: "selectedRange", publicName: "selectedRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rangeSelected: "rangeSelected" }, ngImport: i0, template: `
-    <div class="ngxsmk-ranges-container">
-      <ul>
-        @for (range of ranges(); track trackByRange($index, range)) {
-          <li
-            (click)="onRangeSelect(range.value)"
-            (keydown.enter)="onRangeSelect(range.value)"
-            (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
-            [class.disabled]="disabled()"
-            [class.ngxsmk-preset-active]="isActive(range.value)"
-            [attr.tabindex]="disabled() ? -1 : 0"
-            role="button"
-            [attr.aria-disabled]="disabled()"
-          >
-            {{ range.key }}
-          </li>
-        }
-      </ul>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerPresetsComponent, isStandalone: true, selector: "ngxsmk-datepicker-presets", inputs: { ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, selectedRange: { classPropertyName: "selectedRange", publicName: "selectedRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rangeSelected: "rangeSelected" }, ngImport: i0, template: `
+    <div class="ngxsmk-ranges-container">
+      <ul>
+        @for (range of ranges(); track trackByRange($index, range)) {
+          <li
+            (click)="onRangeSelect(range.value)"
+            (keydown.enter)="onRangeSelect(range.value)"
+            (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
+            [class.disabled]="disabled()"
+            [class.ngxsmk-preset-active]="isActive(range.value)"
+            [attr.tabindex]="disabled() ? -1 : 0"
+            role="button"
+            [attr.aria-disabled]="disabled()"
+          >
+            {{ range.key }}
+          </li>
+        }
+      </ul>
+    </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerPresetsComponent, decorators: [{
@@ -2826,25 +2827,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                     selector: 'ngxsmk-datepicker-presets',
                     standalone: true,
                     imports: [],
-                    template: `
-    <div class="ngxsmk-ranges-container">
-      <ul>
-        @for (range of ranges(); track trackByRange($index, range)) {
-          <li
-            (click)="onRangeSelect(range.value)"
-            (keydown.enter)="onRangeSelect(range.value)"
-            (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
-            [class.disabled]="disabled()"
-            [class.ngxsmk-preset-active]="isActive(range.value)"
-            [attr.tabindex]="disabled() ? -1 : 0"
-            role="button"
-            [attr.aria-disabled]="disabled()"
-          >
-            {{ range.key }}
-          </li>
-        }
-      </ul>
-    </div>
+                    template: `
+    <div class="ngxsmk-ranges-container">
+      <ul>
+        @for (range of ranges(); track trackByRange($index, range)) {
+          <li
+            (click)="onRangeSelect(range.value)"
+            (keydown.enter)="onRangeSelect(range.value)"
+            (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
+            [class.disabled]="disabled()"
+            [class.ngxsmk-preset-active]="isActive(range.value)"
+            [attr.tabindex]="disabled() ? -1 : 0"
+            role="button"
+            [attr.aria-disabled]="disabled()"
+          >
+            {{ range.key }}
+          </li>
+        }
+      </ul>
+    </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
@@ -2995,6 +2996,14 @@ class NgxsmkDatepickerContentComponent {
         this.clearValue = new EventEmitter();
         this.closeCalendar = new EventEmitter();
         this.escapeKey = new EventEmitter();
+        this.containerKeyDown = new EventEmitter();
+        this.enableAi = false;
+        this.aiPlaceholder = 'Ask AI (e.g. "next Friday", "last 7 days")...';
+        this.aiSuggestions = [];
+        this.showAiSuggestions = true;
+        this.isAiResolving = false;
+        this.aiPromptSubmitted = new EventEmitter();
+        this.aiPromptText = '';
     }
     closeAllSelects() {
         if (this.header) {
@@ -3022,13 +3031,28 @@ class NgxsmkDatepickerContentComponent {
             this.closeCalendar.emit();
         }
     }
+    onAiSubmit() {
+        const text = this.aiPromptText?.trim();
+        if (text && !this.isAiResolving) {
+            this.aiPromptSubmitted.emit(text);
+            this.aiPromptText = '';
+        }
+    }
+    onAiChipClick(chip) {
+        if (this.isAiResolving || !chip?.trim())
+            return;
+        this.aiPromptSubmitted.emit(chip.trim());
+    }
+    focusAiInput() {
+        this.aiInputElement?.nativeElement?.focus();
+    }
     onTimezoneChange(val) {
         if (typeof val === 'string') {
             this.timezoneChange.emit(val);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerContentComponent, isStandalone: true, selector: "ngxsmk-datepicker-content", inputs: { isCalendarVisible: "isCalendarVisible", isCalendarOpen: "isCalendarOpen", isInlineMode: "isInlineMode", shouldAppendToBody: "shouldAppendToBody", theme: "theme", popoverId: "popoverId", classes: "classes", timeOnly: "timeOnly", showTime: "showTime", isMobile: "isMobile", mobileModalStyle: "mobileModalStyle", align: "align", ariaLabel: "ariaLabel", isCalendarOpening: "isCalendarOpening", loadingMessage: "loadingMessage", showRanges: "showRanges", rangesArray: "rangesArray", mode: "mode", disabled: "disabled", calendarCount: "calendarCount", calendarLayout: "calendarLayout", syncScrollEnabled: "syncScrollEnabled", calendarMonths: "calendarMonths", weekDays: "weekDays", weekDaysFull: "weekDaysFull", showOtherMonths: "showOtherMonths", showWeekNumbers: "showWeekNumbers", weekNumberLabel: "weekNumberLabel", secondaryCalendar: "secondaryCalendar", secondaryCalendarLocale: "secondaryCalendarLocale", selectedDate: "selectedDate", startDate: "startDate", endDate: "endDate", focusedDate: "focusedDate", today: "today", dateTemplate: "dateTemplate", calendarViewMode: "calendarViewMode", monthOptions: "monthOptions", currentMonth: "currentMonth", yearOptions: "yearOptions", currentYear: "currentYear", isBackArrowDisabled: "isBackArrowDisabled", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", yearGrid: "yearGrid", currentDecade: "currentDecade", decadeGrid: "decadeGrid", timelineStartDate: "timelineStartDate", timelineEndDate: "timelineEndDate", timelineMonths: "timelineMonths", minuteInterval: "minuteInterval", startTimeSlider: "startTimeSlider", endTimeSlider: "endTimeSlider", timeRangeMode: "timeRangeMode", hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", showSeconds: "showSeconds", use24Hour: "use24Hour", startDisplayHour: "startDisplayHour", startMinute: "startMinute", startSecond: "startSecond", startIsPm: "startIsPm", endDisplayHour: "endDisplayHour", endMinute: "endMinute", endSecond: "endSecond", endIsPm: "endIsPm", clearAriaLabel: "clearAriaLabel", clearLabel: "clearLabel", closeAriaLabel: "closeAriaLabel", closeLabel: "closeLabel", translations: "translations", selectedRange: "selectedRange", showTimezoneSelector: "showTimezoneSelector", timezoneOptions: "timezoneOptions", currentTimezone: "currentTimezone", boundIsDateDisabled: "boundIsDateDisabled", boundIsYearDisabled: "boundIsYearDisabled", boundIsDecadeDisabled: "boundIsDecadeDisabled", boundGetDayMetadata: "boundGetDayMetadata", calendarHeaderTemplate: "calendarHeaderTemplate", calendarFooterTemplate: "calendarFooterTemplate", boundIsSameDay: "boundIsSameDay", boundIsHoliday: "boundIsHoliday", boundIsMultipleSelected: "boundIsMultipleSelected", boundIsInRange: "boundIsInRange", boundIsInComparisonRange: "boundIsInComparisonRange", boundIsPreviewInRange: "boundIsPreviewInRange", boundGetAriaLabel: "boundGetAriaLabel", boundGetDayCellCustomClasses: "boundGetDayCellCustomClasses", boundGetDayCellTooltip: "boundGetDayCellTooltip", boundFormatDayNumber: "boundFormatDayNumber", getMonthYearLabel: "getMonthYearLabel", getCalendarAriaLabelForMonth: "getCalendarAriaLabelForMonth", isTimelineMonthSelected: "isTimelineMonthSelected", formatTimeSliderValue: "formatTimeSliderValue" }, outputs: { timezoneChange: "timezoneChange", backdropClick: "backdropClick", touchStartContainer: "touchStartContainer", touchMoveContainer: "touchMoveContainer", touchEndContainer: "touchEndContainer", rangeSelect: "rangeSelect", previousMonth: "previousMonth", nextMonth: "nextMonth", currentMonthChange: "currentMonthChange", currentYearChange: "currentYearChange", dateClick: "dateClick", dateHover: "dateHover", dateFocus: "dateFocus", swipeStart: "swipeStart", swipeMove: "swipeMove", swipeEnd: "swipeEnd", touchStart: "touchStart", touchMove: "touchMove", touchEnd: "touchEnd", viewModeChange: "viewModeChange", changeYear: "changeYear", yearClick: "yearClick", changeDecade: "changeDecade", decadeClick: "decadeClick", timelineZoomOut: "timelineZoomOut", timelineZoomIn: "timelineZoomIn", timelineMonthClick: "timelineMonthClick", startTimeSliderChange: "startTimeSliderChange", endTimeSliderChange: "endTimeSliderChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange", timeChange: "timeChange", startDisplayHourChange: "startDisplayHourChange", startMinuteChange: "startMinuteChange", startSecondChange: "startSecondChange", startIsPmChange: "startIsPmChange", endDisplayHourChange: "endDisplayHourChange", endMinuteChange: "endMinuteChange", endSecondChange: "endSecondChange", endIsPmChange: "endIsPmChange", timeRangeChange: "timeRangeChange", clearValue: "clearValue", closeCalendar: "closeCalendar", escapeKey: "escapeKey" }, viewQueries: [{ propertyName: "header", first: true, predicate: CalendarHeaderComponent, descendants: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "timelineContainer", first: true, predicate: ["timelineContainer"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerContentComponent, isStandalone: true, selector: "ngxsmk-datepicker-content", inputs: { isCalendarVisible: "isCalendarVisible", isCalendarOpen: "isCalendarOpen", isInlineMode: "isInlineMode", shouldAppendToBody: "shouldAppendToBody", theme: "theme", popoverId: "popoverId", classes: "classes", timeOnly: "timeOnly", showTime: "showTime", isMobile: "isMobile", mobileModalStyle: "mobileModalStyle", align: "align", ariaLabel: "ariaLabel", isCalendarOpening: "isCalendarOpening", loadingMessage: "loadingMessage", showRanges: "showRanges", rangesArray: "rangesArray", mode: "mode", disabled: "disabled", calendarCount: "calendarCount", calendarLayout: "calendarLayout", syncScrollEnabled: "syncScrollEnabled", calendarMonths: "calendarMonths", weekDays: "weekDays", weekDaysFull: "weekDaysFull", showOtherMonths: "showOtherMonths", showWeekNumbers: "showWeekNumbers", weekNumberLabel: "weekNumberLabel", secondaryCalendar: "secondaryCalendar", secondaryCalendarLocale: "secondaryCalendarLocale", selectedDate: "selectedDate", startDate: "startDate", endDate: "endDate", focusedDate: "focusedDate", today: "today", dateTemplate: "dateTemplate", calendarViewMode: "calendarViewMode", monthOptions: "monthOptions", currentMonth: "currentMonth", yearOptions: "yearOptions", currentYear: "currentYear", isBackArrowDisabled: "isBackArrowDisabled", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", yearGrid: "yearGrid", currentDecade: "currentDecade", decadeGrid: "decadeGrid", timelineStartDate: "timelineStartDate", timelineEndDate: "timelineEndDate", timelineMonths: "timelineMonths", minuteInterval: "minuteInterval", startTimeSlider: "startTimeSlider", endTimeSlider: "endTimeSlider", timeRangeMode: "timeRangeMode", hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", showSeconds: "showSeconds", use24Hour: "use24Hour", startDisplayHour: "startDisplayHour", startMinute: "startMinute", startSecond: "startSecond", startIsPm: "startIsPm", endDisplayHour: "endDisplayHour", endMinute: "endMinute", endSecond: "endSecond", endIsPm: "endIsPm", clearAriaLabel: "clearAriaLabel", clearLabel: "clearLabel", closeAriaLabel: "closeAriaLabel", closeLabel: "closeLabel", translations: "translations", selectedRange: "selectedRange", showTimezoneSelector: "showTimezoneSelector", timezoneOptions: "timezoneOptions", currentTimezone: "currentTimezone", boundIsDateDisabled: "boundIsDateDisabled", boundIsYearDisabled: "boundIsYearDisabled", boundIsDecadeDisabled: "boundIsDecadeDisabled", boundGetDayMetadata: "boundGetDayMetadata", calendarHeaderTemplate: "calendarHeaderTemplate", calendarFooterTemplate: "calendarFooterTemplate", boundIsSameDay: "boundIsSameDay", boundIsHoliday: "boundIsHoliday", boundIsMultipleSelected: "boundIsMultipleSelected", boundIsInRange: "boundIsInRange", boundIsInComparisonRange: "boundIsInComparisonRange", boundIsPreviewInRange: "boundIsPreviewInRange", boundGetAriaLabel: "boundGetAriaLabel", boundGetDayCellCustomClasses: "boundGetDayCellCustomClasses", boundGetDayCellTooltip: "boundGetDayCellTooltip", boundFormatDayNumber: "boundFormatDayNumber", getMonthYearLabel: "getMonthYearLabel", getCalendarAriaLabelForMonth: "getCalendarAriaLabelForMonth", isTimelineMonthSelected: "isTimelineMonthSelected", formatTimeSliderValue: "formatTimeSliderValue", enableAi: "enableAi", aiPlaceholder: "aiPlaceholder", aiSuggestions: "aiSuggestions", showAiSuggestions: "showAiSuggestions", isAiResolving: "isAiResolving" }, outputs: { timezoneChange: "timezoneChange", backdropClick: "backdropClick", touchStartContainer: "touchStartContainer", touchMoveContainer: "touchMoveContainer", touchEndContainer: "touchEndContainer", rangeSelect: "rangeSelect", previousMonth: "previousMonth", nextMonth: "nextMonth", currentMonthChange: "currentMonthChange", currentYearChange: "currentYearChange", dateClick: "dateClick", dateHover: "dateHover", dateFocus: "dateFocus", swipeStart: "swipeStart", swipeMove: "swipeMove", swipeEnd: "swipeEnd", touchStart: "touchStart", touchMove: "touchMove", touchEnd: "touchEnd", viewModeChange: "viewModeChange", changeYear: "changeYear", yearClick: "yearClick", changeDecade: "changeDecade", decadeClick: "decadeClick", timelineZoomOut: "timelineZoomOut", timelineZoomIn: "timelineZoomIn", timelineMonthClick: "timelineMonthClick", startTimeSliderChange: "startTimeSliderChange", endTimeSliderChange: "endTimeSliderChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange", timeChange: "timeChange", startDisplayHourChange: "startDisplayHourChange", startMinuteChange: "startMinuteChange", startSecondChange: "startSecondChange", startIsPmChange: "startIsPmChange", endDisplayHourChange: "endDisplayHourChange", endMinuteChange: "endMinuteChange", endSecondChange: "endSecondChange", endIsPmChange: "endIsPmChange", timeRangeChange: "timeRangeChange", clearValue: "clearValue", closeCalendar: "closeCalendar", escapeKey: "escapeKey", containerKeyDown: "containerKeyDown", aiPromptSubmitted: "aiPromptSubmitted" }, viewQueries: [{ propertyName: "header", first: true, predicate: CalendarHeaderComponent, descendants: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "timelineContainer", first: true, predicate: ["timelineContainer"], descendants: true }, { propertyName: "aiInputElement", first: true, predicate: ["aiInputElement"], descendants: true }], ngImport: i0, template: `
     @if (isCalendarVisible) {
       @if (!isInlineMode && isCalendarOpen) {
         <div
@@ -3058,6 +3082,7 @@ class NgxsmkDatepickerContentComponent {
         [class.ngxsmk-align-right]="align === 'right'"
         [class.ngxsmk-align-center]="align === 'center'"
         [ngClass]="classes?.popover"
+        tabindex="-1"
         role="dialog"
         [attr.aria-label]="ariaLabel"
         [attr.aria-modal]="!isInlineMode"
@@ -3065,6 +3090,7 @@ class NgxsmkDatepickerContentComponent {
         (touchmove)="touchMoveContainer.emit($event)"
         (touchend)="touchEndContainer.emit($event)"
         (mousedown)="$event.stopPropagation()"
+        (keydown)="containerKeyDown.emit($event)"
         (keydown.escape)="onPopoverEscape($event)"
       >
         <div class="ngxsmk-datepicker-container" [ngClass]="classes?.container">
@@ -3074,6 +3100,60 @@ class NgxsmkDatepickerContentComponent {
               <span class="ngxsmk-calendar-loading-text">{{ loadingMessage }}</span>
             </div>
           }
+          @if (enableAi) {
+            <div class="ngxsmk-ai-container">
+              <div class="ngxsmk-ai-bar" role="search">
+                <div class="ngxsmk-ai-icon" aria-hidden="true">
+                  <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+                    <path
+                      d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"
+                    />
+                  </svg>
+                </div>
+                <input
+                  #aiInputElement
+                  type="text"
+                  class="ngxsmk-ai-input"
+                  [placeholder]="aiPlaceholder"
+                  [(ngModel)]="aiPromptText"
+                  [disabled]="isAiResolving"
+                  (keydown.enter)="onAiSubmit()"
+                  (keydown)="$event.stopPropagation()"
+                  [attr.aria-label]="aiPlaceholder"
+                />
+                <button
+                  type="button"
+                  class="ngxsmk-ai-submit"
+                  [class.is-loading]="isAiResolving"
+                  (click)="onAiSubmit()"
+                  [disabled]="isAiResolving || !aiPromptText || !aiPromptText.trim()"
+                  aria-label="Submit AI prompt"
+                >
+                  @if (isAiResolving) {
+                    <span class="ngxsmk-ai-spinner" aria-hidden="true"></span>
+                  } @else {
+                    <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+                      <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
+                    </svg>
+                  }
+                </button>
+              </div>
+              @if (showAiSuggestions && aiSuggestions.length > 0) {
+                <div class="ngxsmk-ai-chips">
+                  @for (chip of aiSuggestions; track chip) {
+                    <button
+                      type="button"
+                      class="ngxsmk-ai-chip"
+                      (click)="onAiChipClick(chip)"
+                      [disabled]="isAiResolving"
+                    >
+                      {{ chip }}
+                    </button>
+                  }
+                </div>
+              }
+            </div>
+          }
           @if (calendarHeaderTemplate) {
             <div class="ngxsmk-custom-header-slot">
               <ng-container *ngTemplateOutlet="calendarHeaderTemplate; context: slotContext"></ng-container>
@@ -3442,7 +3522,7 @@ class NgxsmkDatepickerContentComponent {
         </div>
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CalendarHeaderComponent, selector: "ngxsmk-calendar-header", inputs: ["monthOptions", "yearOptions", "currentMonth", "currentYear", "disabled", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["currentYearChange", "currentMonthChange", "previousMonth", "nextMonth"] }, { kind: "component", type: CalendarMonthViewComponent, selector: "ngxsmk-calendar-month-view", inputs: ["days", "weekDays", "weekDaysFull", "showOtherMonths", "classes", "dateTemplate", "dayTemplate", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "showWeekNumbers", "weekNumberLabel", "secondaryCalendar", "secondaryCalendarLocale", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isInComparisonRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "getDayMetadata", "formatDayNumber"], outputs: ["dateClick", "dateMouseDown", "dateMouseUp", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd"] }, { kind: "component", type: CalendarYearViewComponent, selector: "ngxsmk-calendar-year-view", inputs: ["viewMode", "yearGrid", "decadeGrid", "currentYear", "currentDecade", "today", "disabled", "isYearDisabled", "isDecadeDisabled", "selectedDate", "startDate", "mode", "yearContainerHeight", "decadeContainerHeight", "previousYearsLabel", "nextYearsLabel", "previousDecadeLabel", "nextDecadeLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["viewModeChange", "yearClick", "decadeClick", "changeYear", "changeDecade"] }, { kind: "component", type: TimeSelectionComponent, selector: "ngxsmk-time-selection", inputs: ["hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "disabled", "timeLabel", "showSeconds", "showAmpm"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "component", type: NgxsmkDatepickerPresetsComponent, selector: "ngxsmk-datepicker-presets", inputs: ["ranges", "disabled", "classes", "selectedRange"], outputs: ["rangeSelected"] }, { kind: "component", type: CustomSelectComponent, selector: "ngxsmk-custom-select", inputs: ["options", "value", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CalendarHeaderComponent, selector: "ngxsmk-calendar-header", inputs: ["monthOptions", "yearOptions", "currentMonth", "currentYear", "disabled", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["currentYearChange", "currentMonthChange", "previousMonth", "nextMonth"] }, { kind: "component", type: CalendarMonthViewComponent, selector: "ngxsmk-calendar-month-view", inputs: ["days", "weekDays", "weekDaysFull", "showOtherMonths", "classes", "dateTemplate", "dayTemplate", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "showWeekNumbers", "weekNumberLabel", "secondaryCalendar", "secondaryCalendarLocale", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isInComparisonRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "getDayMetadata", "formatDayNumber"], outputs: ["dateClick", "dateMouseDown", "dateMouseUp", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd"] }, { kind: "component", type: CalendarYearViewComponent, selector: "ngxsmk-calendar-year-view", inputs: ["viewMode", "yearGrid", "decadeGrid", "currentYear", "currentDecade", "today", "disabled", "isYearDisabled", "isDecadeDisabled", "selectedDate", "startDate", "mode", "yearContainerHeight", "decadeContainerHeight", "previousYearsLabel", "nextYearsLabel", "previousDecadeLabel", "nextDecadeLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["viewModeChange", "yearClick", "decadeClick", "changeYear", "changeDecade"] }, { kind: "component", type: TimeSelectionComponent, selector: "ngxsmk-time-selection", inputs: ["hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "disabled", "timeLabel", "showSeconds", "showAmpm"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "component", type: NgxsmkDatepickerPresetsComponent, selector: "ngxsmk-datepicker-presets", inputs: ["ranges", "disabled", "classes", "selectedRange"], outputs: ["rangeSelected"] }, { kind: "component", type: CustomSelectComponent, selector: "ngxsmk-custom-select", inputs: ["options", "value", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerContentComponent, decorators: [{
             type: Component,
@@ -3453,6 +3533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                         NgClass,
                         NgTemplateOutlet,
                         DatePipe,
+                        FormsModule,
                         CalendarHeaderComponent,
                         CalendarMonthViewComponent,
                         CalendarYearViewComponent,
@@ -3490,6 +3571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
         [class.ngxsmk-align-right]="align === 'right'"
         [class.ngxsmk-align-center]="align === 'center'"
         [ngClass]="classes?.popover"
+        tabindex="-1"
         role="dialog"
         [attr.aria-label]="ariaLabel"
         [attr.aria-modal]="!isInlineMode"
@@ -3497,6 +3579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
         (touchmove)="touchMoveContainer.emit($event)"
         (touchend)="touchEndContainer.emit($event)"
         (mousedown)="$event.stopPropagation()"
+        (keydown)="containerKeyDown.emit($event)"
         (keydown.escape)="onPopoverEscape($event)"
       >
         <div class="ngxsmk-datepicker-container" [ngClass]="classes?.container">
@@ -3506,6 +3589,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
               <span class="ngxsmk-calendar-loading-text">{{ loadingMessage }}</span>
             </div>
           }
+          @if (enableAi) {
+            <div class="ngxsmk-ai-container">
+              <div class="ngxsmk-ai-bar" role="search">
+                <div class="ngxsmk-ai-icon" aria-hidden="true">
+                  <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+                    <path
+                      d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"
+                    />
+                  </svg>
+                </div>
+                <input
+                  #aiInputElement
+                  type="text"
+                  class="ngxsmk-ai-input"
+                  [placeholder]="aiPlaceholder"
+                  [(ngModel)]="aiPromptText"
+                  [disabled]="isAiResolving"
+                  (keydown.enter)="onAiSubmit()"
+                  (keydown)="$event.stopPropagation()"
+                  [attr.aria-label]="aiPlaceholder"
+                />
+                <button
+                  type="button"
+                  class="ngxsmk-ai-submit"
+                  [class.is-loading]="isAiResolving"
+                  (click)="onAiSubmit()"
+                  [disabled]="isAiResolving || !aiPromptText || !aiPromptText.trim()"
+                  aria-label="Submit AI prompt"
+                >
+                  @if (isAiResolving) {
+                    <span class="ngxsmk-ai-spinner" aria-hidden="true"></span>
+                  } @else {
+                    <svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor">
+                      <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
+                    </svg>
+                  }
+                </button>
+              </div>
+              @if (showAiSuggestions && aiSuggestions.length > 0) {
+                <div class="ngxsmk-ai-chips">
+                  @for (chip of aiSuggestions; track chip) {
+                    <button
+                      type="button"
+                      class="ngxsmk-ai-chip"
+                      (click)="onAiChipClick(chip)"
+                      [disabled]="isAiResolving"
+                    >
+                      {{ chip }}
+                    </button>
+                  }
+                </div>
+              }
+            </div>
+          }
           @if (calendarHeaderTemplate) {
             <div class="ngxsmk-custom-header-slot">
               <ng-container *ngTemplateOutlet="calendarHeaderTemplate; context: slotContext"></ng-container>
@@ -4172,6 +4309,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 type: Output
             }], escapeKey: [{
                 type: Output
+            }], containerKeyDown: [{
+                type: Output
             }], header: [{
                 type: ViewChild,
                 args: [CalendarHeaderComponent]
@@ -4181,6 +4320,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             }], timelineContainer: [{
                 type: ViewChild,
                 args: ['timelineContainer']
+            }], aiInputElement: [{
+                type: ViewChild,
+                args: ['aiInputElement']
+            }], enableAi: [{
+                type: Input
+            }], aiPlaceholder: [{
+                type: Input
+            }], aiSuggestions: [{
+                type: Input
+            }], showAiSuggestions: [{
+                type: Input
+            }], isAiResolving: [{
+                type: Input
+            }], aiPromptSubmitted: [{
+                type: Output
             }] } });
 
 class NgxsmkDatepickerKeyboardHelpComponent {
@@ -4191,218 +4345,218 @@ class NgxsmkDatepickerKeyboardHelpComponent {
         this.closeRequested = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerKeyboardHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxsmkDatepickerKeyboardHelpComponent, isStandalone: true, selector: "ngxsmk-datepicker-keyboard-help", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, backdropLabel: { classPropertyName: "backdropLabel", publicName: "backdropLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested" }, ngImport: i0, template: `
-    <div
-      class="ngxsmk-keyboard-help-backdrop"
-      (click)="closeRequested.emit()"
-      (keydown.enter)="closeRequested.emit()"
-      (keydown.space)="closeRequested.emit()"
-      tabindex="0"
-      role="button"
-      [attr.aria-label]="backdropLabel()"
-    ></div>
-    <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title()">
-      <div class="ngxsmk-keyboard-help-header">
-        <h3 class="ngxsmk-keyboard-help-title">{{ title() }}</h3>
-        <button
-          type="button"
-          class="ngxsmk-keyboard-help-close"
-          (click)="closeRequested.emit()"
-          [attr.aria-label]="closeLabel()"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <line x1="18" y1="6" x2="6" y2="18"></line>
-            <line x1="6" y1="6" x2="18" y2="18"></line>
-          </svg>
-        </button>
-      </div>
-      <ul class="ngxsmk-keyboard-help-list">
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev day</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">←</span>
-            <span class="ngxsmk-keyboard-key">→</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev week</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">↑</span>
-            <span class="ngxsmk-keyboard-key">↓</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Select date</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">Enter</span>
-            <span class="ngxsmk-keyboard-key">Space</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev month</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">PgUp</span>
-            <span class="ngxsmk-keyboard-key">PgDn</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev year</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">Shift</span> +
-            <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>First/Last day</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">Home</span>
-            <span class="ngxsmk-keyboard-key">End</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Close calendar</span>
-          <span class="ngxsmk-keyboard-key">Esc</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Today</span>
-          <span class="ngxsmk-keyboard-key">T</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Yesterday</span>
-          <span class="ngxsmk-keyboard-key">Y</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Tomorrow</span>
-          <span class="ngxsmk-keyboard-key">N</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next Week</span>
-          <span class="ngxsmk-keyboard-key">W</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Show shortcuts</span>
-          <span class="ngxsmk-keyboard-key">?</span>
-        </li>
-      </ul>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.11", type: NgxsmkDatepickerKeyboardHelpComponent, isStandalone: true, selector: "ngxsmk-datepicker-keyboard-help", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, backdropLabel: { classPropertyName: "backdropLabel", publicName: "backdropLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeRequested: "closeRequested" }, ngImport: i0, template: `
+    <div
+      class="ngxsmk-keyboard-help-backdrop"
+      (click)="closeRequested.emit()"
+      (keydown.enter)="closeRequested.emit()"
+      (keydown.space)="closeRequested.emit()"
+      tabindex="0"
+      role="button"
+      [attr.aria-label]="backdropLabel()"
+    ></div>
+    <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title()">
+      <div class="ngxsmk-keyboard-help-header">
+        <h3 class="ngxsmk-keyboard-help-title">{{ title() }}</h3>
+        <button
+          type="button"
+          class="ngxsmk-keyboard-help-close"
+          (click)="closeRequested.emit()"
+          [attr.aria-label]="closeLabel()"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="20"
+            height="20"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <line x1="18" y1="6" x2="6" y2="18"></line>
+            <line x1="6" y1="6" x2="18" y2="18"></line>
+          </svg>
+        </button>
+      </div>
+      <ul class="ngxsmk-keyboard-help-list">
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev day</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">←</span>
+            <span class="ngxsmk-keyboard-key">→</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev week</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">↑</span>
+            <span class="ngxsmk-keyboard-key">↓</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Select date</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">Enter</span>
+            <span class="ngxsmk-keyboard-key">Space</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev month</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">PgUp</span>
+            <span class="ngxsmk-keyboard-key">PgDn</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev year</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">Shift</span> +
+            <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>First/Last day</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">Home</span>
+            <span class="ngxsmk-keyboard-key">End</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Close calendar</span>
+          <span class="ngxsmk-keyboard-key">Esc</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Today</span>
+          <span class="ngxsmk-keyboard-key">T</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Yesterday</span>
+          <span class="ngxsmk-keyboard-key">Y</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Tomorrow</span>
+          <span class="ngxsmk-keyboard-key">N</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next Week</span>
+          <span class="ngxsmk-keyboard-key">W</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Show shortcuts</span>
+          <span class="ngxsmk-keyboard-key">?</span>
+        </li>
+      </ul>
+    </div>
   `, isInline: true, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-comparison-range-color: #f59e0b;--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", ".ngxsmk-keyboard-help-dialog{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--datepicker-background);border-radius:var(--datepicker-border-radius);box-shadow:var(--datepicker-shadow-lg);z-index:calc(var(--datepicker-z-index-backdrop) + 10);padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;color:var(--datepicker-text-color);animation:fadeInScale .2s ease-out}.ngxsmk-keyboard-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--datepicker-border-color);padding-bottom:10px}.ngxsmk-keyboard-help-title{font-size:18px;font-weight:600;margin:0}.ngxsmk-keyboard-help-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm);display:flex;align-items:center;justify-content:center}.ngxsmk-keyboard-help-close:hover{background:var(--datepicker-hover-background);color:var(--datepicker-text-color)}.ngxsmk-keyboard-help-list{list-style:none;padding:0;margin:0;font-size:14px}.ngxsmk-keyboard-help-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--datepicker-border-color)}.ngxsmk-keyboard-help-item:last-child{border-bottom:none}.ngxsmk-keyboard-key{background:var(--datepicker-hover-background);border:1px solid var(--datepicker-border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;display:inline-block;min-width:20px;text-align:center;margin-left:4px}.ngxsmk-keyboard-help-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--datepicker-z-index-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerKeyboardHelpComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngxsmk-datepicker-keyboard-help', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
-    <div
-      class="ngxsmk-keyboard-help-backdrop"
-      (click)="closeRequested.emit()"
-      (keydown.enter)="closeRequested.emit()"
-      (keydown.space)="closeRequested.emit()"
-      tabindex="0"
-      role="button"
-      [attr.aria-label]="backdropLabel()"
-    ></div>
-    <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title()">
-      <div class="ngxsmk-keyboard-help-header">
-        <h3 class="ngxsmk-keyboard-help-title">{{ title() }}</h3>
-        <button
-          type="button"
-          class="ngxsmk-keyboard-help-close"
-          (click)="closeRequested.emit()"
-          [attr.aria-label]="closeLabel()"
-        >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="20"
-            height="20"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-          >
-            <line x1="18" y1="6" x2="6" y2="18"></line>
-            <line x1="6" y1="6" x2="18" y2="18"></line>
-          </svg>
-        </button>
-      </div>
-      <ul class="ngxsmk-keyboard-help-list">
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev day</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">←</span>
-            <span class="ngxsmk-keyboard-key">→</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev week</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">↑</span>
-            <span class="ngxsmk-keyboard-key">↓</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Select date</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">Enter</span>
-            <span class="ngxsmk-keyboard-key">Space</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev month</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">PgUp</span>
-            <span class="ngxsmk-keyboard-key">PgDn</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next/Prev year</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">Shift</span> +
-            <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>First/Last day</span>
-          <div>
-            <span class="ngxsmk-keyboard-key">Home</span>
-            <span class="ngxsmk-keyboard-key">End</span>
-          </div>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Close calendar</span>
-          <span class="ngxsmk-keyboard-key">Esc</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Today</span>
-          <span class="ngxsmk-keyboard-key">T</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Yesterday</span>
-          <span class="ngxsmk-keyboard-key">Y</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Tomorrow</span>
-          <span class="ngxsmk-keyboard-key">N</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Next Week</span>
-          <span class="ngxsmk-keyboard-key">W</span>
-        </li>
-        <li class="ngxsmk-keyboard-help-item">
-          <span>Show shortcuts</span>
-          <span class="ngxsmk-keyboard-key">?</span>
-        </li>
-      </ul>
-    </div>
+            args: [{ selector: 'ngxsmk-datepicker-keyboard-help', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+    <div
+      class="ngxsmk-keyboard-help-backdrop"
+      (click)="closeRequested.emit()"
+      (keydown.enter)="closeRequested.emit()"
+      (keydown.space)="closeRequested.emit()"
+      tabindex="0"
+      role="button"
+      [attr.aria-label]="backdropLabel()"
+    ></div>
+    <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title()">
+      <div class="ngxsmk-keyboard-help-header">
+        <h3 class="ngxsmk-keyboard-help-title">{{ title() }}</h3>
+        <button
+          type="button"
+          class="ngxsmk-keyboard-help-close"
+          (click)="closeRequested.emit()"
+          [attr.aria-label]="closeLabel()"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="20"
+            height="20"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <line x1="18" y1="6" x2="6" y2="18"></line>
+            <line x1="6" y1="6" x2="18" y2="18"></line>
+          </svg>
+        </button>
+      </div>
+      <ul class="ngxsmk-keyboard-help-list">
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev day</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">←</span>
+            <span class="ngxsmk-keyboard-key">→</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev week</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">↑</span>
+            <span class="ngxsmk-keyboard-key">↓</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Select date</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">Enter</span>
+            <span class="ngxsmk-keyboard-key">Space</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev month</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">PgUp</span>
+            <span class="ngxsmk-keyboard-key">PgDn</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next/Prev year</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">Shift</span> +
+            <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>First/Last day</span>
+          <div>
+            <span class="ngxsmk-keyboard-key">Home</span>
+            <span class="ngxsmk-keyboard-key">End</span>
+          </div>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Close calendar</span>
+          <span class="ngxsmk-keyboard-key">Esc</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Today</span>
+          <span class="ngxsmk-keyboard-key">T</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Yesterday</span>
+          <span class="ngxsmk-keyboard-key">Y</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Tomorrow</span>
+          <span class="ngxsmk-keyboard-key">N</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Next Week</span>
+          <span class="ngxsmk-keyboard-key">W</span>
+        </li>
+        <li class="ngxsmk-keyboard-help-item">
+          <span>Show shortcuts</span>
+          <span class="ngxsmk-keyboard-key">?</span>
+        </li>
+      </ul>
+    </div>
   `, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-comparison-range-color: #f59e0b;--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", ".ngxsmk-keyboard-help-dialog{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--datepicker-background);border-radius:var(--datepicker-border-radius);box-shadow:var(--datepicker-shadow-lg);z-index:calc(var(--datepicker-z-index-backdrop) + 10);padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;color:var(--datepicker-text-color);animation:fadeInScale .2s ease-out}.ngxsmk-keyboard-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--datepicker-border-color);padding-bottom:10px}.ngxsmk-keyboard-help-title{font-size:18px;font-weight:600;margin:0}.ngxsmk-keyboard-help-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm);display:flex;align-items:center;justify-content:center}.ngxsmk-keyboard-help-close:hover{background:var(--datepicker-hover-background);color:var(--datepicker-text-color)}.ngxsmk-keyboard-help-list{list-style:none;padding:0;margin:0;font-size:14px}.ngxsmk-keyboard-help-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--datepicker-border-color)}.ngxsmk-keyboard-help-item:last-child{border-bottom:none}.ngxsmk-keyboard-key{background:var(--datepicker-hover-background);border:1px solid var(--datepicker-border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;display:inline-block;min-width:20px;text-align:center;margin-left:4px}.ngxsmk-keyboard-help-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--datepicker-z-index-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], backdropLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropLabel", required: false }] }], closeRequested: [{ type: i0.Output, args: ["closeRequested"] }] } });
 
@@ -8502,6 +8656,12 @@ class NgxsmkDatepickerComponent {
         this.enableNaturalLanguage = false;
         this.naturalLanguagePreviewTemplate = input(...(ngDevMode ? [undefined, { debugName: "naturalLanguagePreviewTemplate" }] : /* istanbul ignore next */ []));
         this.naturalLanguageResolved = output();
+        this.enableAi = false;
+        this.aiPlaceholder = 'Ask AI (e.g. "next Friday", "last 7 days")...';
+        this.aiSuggestions = ['Tomorrow', 'Next Friday', 'In 3 days', 'Next month'];
+        this.showAiSuggestions = true;
+        this.aiPromptSubmitted = output();
+        this.isAiResolving = false;
         this.invalidRange = output();
         this.showTimezoneSelector = input(false, ...(ngDevMode ? [{ debugName: "showTimezoneSelector" }] : /* istanbul ignore next */ []));
         this.defaultTimezone = 'UTC';
@@ -10012,11 +10172,11 @@ class NgxsmkDatepickerComponent {
         }
     }
     onKeyDown(event) {
-        if (!this.isCalendarVisible || this.disabled)
+        if (!this.isCalendarVisible || this.disabled || event.defaultPrevented)
             return;
         const target = event.target;
-        const isCalendarFocused = target?.closest('.ngxsmk-days-grid') !== null;
-        if (isCalendarFocused || event.key === 'Escape') {
+        const isInsideCalendar = this.isElementInsideCalendar(target);
+        if (isInsideCalendar || event.key === 'Escape') {
             const handled = this.handleKeyboardNavigation(event);
             if (handled) {
                 event.preventDefault();
@@ -10024,6 +10184,20 @@ class NgxsmkDatepickerComponent {
             }
         }
     }
+    isElementInsideCalendar(target) {
+        if (!target)
+            return true;
+        const isInputOrControl = (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.tagName === 'SELECT') &&
+            !target.classList.contains('ngxsmk-day-cell');
+        if (isInputOrControl)
+            return false;
+        return (target.closest('.ngxsmk-days-grid') !== null ||
+            target.closest('.ngxsmk-popover-container') !== null ||
+            target.closest('.ngxsmk-calendar-container') !== null ||
+            target.closest('.ngxsmk-datepicker-container') !== null ||
+            target.classList.contains('ngxsmk-day-cell') ||
+            target.closest('.ngxsmk-datepicker-wrapper') !== null);
+    }
     handleKeyboardNavigation(event) {
         if (!this.enableKeyboardShortcuts)
             return false;
@@ -10114,16 +10288,16 @@ class NgxsmkDatepickerComponent {
     handleShortcutPageHomeEndKeys(key, event) {
         if (key === 'PageUp') {
             if (event.shiftKey)
-                this.currentYear = this.currentYear - 1;
+                this.navigateYear(-1);
             else
-                this.changeMonth(-1);
+                this.navigateMonth(-1);
             return true;
         }
         if (key === 'PageDown') {
             if (event.shiftKey)
-                this.currentYear = this.currentYear + 1;
+                this.navigateYear(1);
             else
-                this.changeMonth(1);
+                this.navigateMonth(1);
             return true;
         }
         if (key === 'Home') {
@@ -10158,6 +10332,10 @@ class NgxsmkDatepickerComponent {
             this.toggleKeyboardHelp();
             return true;
         }
+        if (key === '/' && noMod && this.enableAi) {
+            this.datepickerContent?.focusAiInput();
+            return true;
+        }
         return false;
     }
     toggleKeyboardHelp() {
@@ -10177,40 +10355,173 @@ class NgxsmkDatepickerComponent {
         parts.push(event.key);
         return parts.length > 1 ? parts.join('+') : event.key;
     }
+    focusDateCell(date) {
+        this.focusedDate = date;
+        this.scheduleChangeDetection();
+        if (!this.isBrowser)
+            return;
+        this.trackedRequestAnimationFrame(() => {
+            const popover = this.getActualPopoverContainer() || this.elementRef?.nativeElement;
+            if (!popover)
+                return;
+            const dateTimestamp = date.getTime();
+            let cell = popover.querySelector(`.ngxsmk-day-cell[data-date="${dateTimestamp}"]`);
+            if (!cell) {
+                const cells = Array.from(popover.querySelectorAll('.ngxsmk-day-cell'));
+                for (const c of cells) {
+                    const attr = c.getAttribute('data-date');
+                    if (attr) {
+                        const cellDate = new Date(Number(attr));
+                        if (cellDate.getFullYear() === date.getFullYear() &&
+                            cellDate.getMonth() === date.getMonth() &&
+                            cellDate.getDate() === date.getDate()) {
+                            cell = c;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (!cell) {
+                cell = popover.querySelector('.ngxsmk-day-cell.focused');
+            }
+            if (!cell) {
+                cell = popover.querySelector('.ngxsmk-day-cell:not(.empty):not(.disabled):not(.ngxsmk-other-month)');
+            }
+            if (cell && typeof cell.focus === 'function') {
+                try {
+                    cell.focus();
+                }
+                catch {
+                    // Ignore focus errors
+                }
+            }
+        });
+    }
+    findFirstValidDateInMonth(year, month) {
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        for (let day = 1; day <= daysInMonth; day++) {
+            const candidate = new Date(year, month, day);
+            if (this.isDateValid(candidate)) {
+                return candidate;
+            }
+        }
+        return null;
+    }
+    findLastValidDateInMonth(year, month) {
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        for (let day = daysInMonth; day >= 1; day--) {
+            const candidate = new Date(year, month, day);
+            if (this.isDateValid(candidate)) {
+                return candidate;
+            }
+        }
+        return null;
+    }
+    navigateMonth(delta) {
+        if (delta < 0 && this.isBackArrowDisabled)
+            return;
+        const baseDate = this.focusedDate || this.selectedDate || this.currentDate || new Date();
+        const targetMonthDate = addMonths(new Date(baseDate.getFullYear(), baseDate.getMonth(), 1), delta);
+        const targetYear = targetMonthDate.getFullYear();
+        const targetMonth = targetMonthDate.getMonth();
+        const lastDayOfTargetMonth = new Date(targetYear, targetMonth + 1, 0).getDate();
+        const clampedDay = Math.min(baseDate.getDate(), lastDayOfTargetMonth);
+        let targetDate = new Date(targetYear, targetMonth, clampedDay);
+        if (!this.isDateValid(targetDate)) {
+            targetDate = this.findFirstValidDateInMonth(targetYear, targetMonth) ?? targetDate;
+        }
+        this.focusedDate = targetDate;
+        this.currentDate = new Date(targetYear, targetMonth, 1);
+        this._currentMonth = targetMonth;
+        this._currentYear = targetYear;
+        this._currentDecade = Math.floor(targetYear / 10) * 10;
+        this._currentMonthSignal.set(this._currentMonth);
+        this._currentYearSignal.set(this._currentYear);
+        this._invalidateMemoCache();
+        this.generateCalendar();
+        this.focusDateCell(targetDate);
+    }
+    navigateYear(delta) {
+        const baseDate = this.focusedDate || this.selectedDate || this.currentDate || new Date();
+        const targetYear = baseDate.getFullYear() + delta;
+        const targetMonth = baseDate.getMonth();
+        const lastDayOfTargetMonth = new Date(targetYear, targetMonth + 1, 0).getDate();
+        const clampedDay = Math.min(baseDate.getDate(), lastDayOfTargetMonth);
+        let targetDate = new Date(targetYear, targetMonth, clampedDay);
+        if (!this.isDateValid(targetDate)) {
+            targetDate = this.findFirstValidDateInMonth(targetYear, targetMonth) ?? targetDate;
+        }
+        this.focusedDate = targetDate;
+        this.currentDate = new Date(targetYear, targetMonth, 1);
+        this._currentMonth = targetMonth;
+        this._currentYear = targetYear;
+        this._currentDecade = Math.floor(targetYear / 10) * 10;
+        this._currentMonthSignal.set(this._currentMonth);
+        this._currentYearSignal.set(this._currentYear);
+        this._invalidateMemoCache();
+        this.generateCalendar();
+        this.focusDateCell(targetDate);
+    }
     navigateDate(days, weeks) {
-        const baseDate = this.focusedDate || this.currentDate || new Date();
+        const baseDate = this.focusedDate || this.selectedDate || this.currentDate || new Date();
         const newDate = new Date(baseDate);
         newDate.setDate(newDate.getDate() + days + weeks * 7);
         if (this.isDateValid(newDate)) {
             this.focusedDate = newDate;
-            this.currentDate = new Date(newDate);
-            this.currentDate.setDate(1);
+            const monthChanged = this._currentMonth !== newDate.getMonth() || this._currentYear !== newDate.getFullYear();
+            if (monthChanged) {
+                this.currentDate = new Date(newDate.getFullYear(), newDate.getMonth(), 1);
+                this._currentMonth = newDate.getMonth();
+                this._currentYear = newDate.getFullYear();
+                this._currentDecade = Math.floor(this._currentYear / 10) * 10;
+                this._currentMonthSignal.set(this._currentMonth);
+                this._currentYearSignal.set(this._currentYear);
+                this._invalidateMemoCache();
+            }
             this.generateCalendar();
+            this.focusDateCell(newDate);
         }
     }
     navigateToFirstDay() {
         const year = this.currentDate.getFullYear();
         const month = this.currentDate.getMonth();
-        const firstDay = new Date(year, month, 1);
+        let firstDay = new Date(year, month, 1);
+        if (!this.isDateValid(firstDay)) {
+            firstDay = this.findFirstValidDateInMonth(year, month) ?? firstDay;
+        }
         if (this.isDateValid(firstDay)) {
             this.focusedDate = firstDay;
             this.generateCalendar();
+            this.focusDateCell(firstDay);
         }
     }
     navigateToLastDay() {
         const year = this.currentDate.getFullYear();
         const month = this.currentDate.getMonth();
-        const lastDay = new Date(year, month + 1, 0);
+        let lastDay = new Date(year, month + 1, 0);
+        if (!this.isDateValid(lastDay)) {
+            lastDay = this.findLastValidDateInMonth(year, month) ?? lastDay;
+        }
         if (this.isDateValid(lastDay)) {
             this.focusedDate = lastDay;
             this.generateCalendar();
+            this.focusDateCell(lastDay);
         }
     }
     selectToday() {
         const today = this.today;
         if (this.isDateValid(today)) {
             this.focusedDate = today;
+            this.currentDate = new Date(today.getFullYear(), today.getMonth(), 1);
+            this._currentMonth = today.getMonth();
+            this._currentYear = today.getFullYear();
+            this._currentDecade = Math.floor(this._currentYear / 10) * 10;
+            this._currentMonthSignal.set(this._currentMonth);
+            this._currentYearSignal.set(this._currentYear);
+            this._invalidateMemoCache();
+            this.generateCalendar();
             this.onDateClick(today);
+            this.focusDateCell(today);
         }
     }
     selectYesterday() {
@@ -10219,7 +10530,16 @@ class NgxsmkDatepickerComponent {
         yesterday.setHours(0, 0, 0, 0);
         if (this.isDateValid(yesterday)) {
             this.focusedDate = yesterday;
+            this.currentDate = new Date(yesterday.getFullYear(), yesterday.getMonth(), 1);
+            this._currentMonth = yesterday.getMonth();
+            this._currentYear = yesterday.getFullYear();
+            this._currentDecade = Math.floor(this._currentYear / 10) * 10;
+            this._currentMonthSignal.set(this._currentMonth);
+            this._currentYearSignal.set(this._currentYear);
+            this._invalidateMemoCache();
+            this.generateCalendar();
             this.onDateClick(yesterday);
+            this.focusDateCell(yesterday);
         }
     }
     selectTomorrow() {
@@ -10228,7 +10548,16 @@ class NgxsmkDatepickerComponent {
         tomorrow.setHours(0, 0, 0, 0);
         if (this.isDateValid(tomorrow)) {
             this.focusedDate = tomorrow;
+            this.currentDate = new Date(tomorrow.getFullYear(), tomorrow.getMonth(), 1);
+            this._currentMonth = tomorrow.getMonth();
+            this._currentYear = tomorrow.getFullYear();
+            this._currentDecade = Math.floor(this._currentYear / 10) * 10;
+            this._currentMonthSignal.set(this._currentMonth);
+            this._currentYearSignal.set(this._currentYear);
+            this._invalidateMemoCache();
+            this.generateCalendar();
             this.onDateClick(tomorrow);
+            this.focusDateCell(tomorrow);
         }
     }
     selectNextWeek() {
@@ -10237,10 +10566,16 @@ class NgxsmkDatepickerComponent {
         nextWeek.setHours(0, 0, 0, 0);
         if (this.isDateValid(nextWeek)) {
             this.focusedDate = nextWeek;
-            this.currentDate = new Date(nextWeek);
-            this.currentDate.setDate(1);
+            this.currentDate = new Date(nextWeek.getFullYear(), nextWeek.getMonth(), 1);
+            this._currentMonth = nextWeek.getMonth();
+            this._currentYear = nextWeek.getFullYear();
+            this._currentDecade = Math.floor(this._currentYear / 10) * 10;
+            this._currentMonthSignal.set(this._currentMonth);
+            this._currentYearSignal.set(this._currentYear);
+            this._invalidateMemoCache();
             this.generateCalendar();
             this.onDateClick(nextWeek);
+            this.focusDateCell(nextWeek);
         }
     }
     onDateFocus(day) {
@@ -10856,6 +11191,15 @@ class NgxsmkDatepickerComponent {
             this._currentYearSignal.set(year);
             // Fix: Normalize to 1st of month to prevent Date overflow (e.g., Feb 29 -> non-leap year)
             this.currentDate = new Date(year, this.currentDate.getMonth(), 1);
+            if (this.focusedDate) {
+                const lastDayOfNewMonth = new Date(year, this.currentDate.getMonth() + 1, 0).getDate();
+                const clampedDay = Math.min(this.focusedDate.getDate(), lastDayOfNewMonth);
+                let targetFocused = new Date(year, this.currentDate.getMonth(), clampedDay);
+                if (!this.isDateValid(targetFocused)) {
+                    targetFocused = this.findFirstValidDateInMonth(year, this.currentDate.getMonth()) ?? targetFocused;
+                }
+                this.focusedDate = targetFocused;
+            }
             this.adjustDisplayedDateToRange();
             this._invalidateMemoCache();
             this.generateCalendar();
@@ -12121,6 +12465,81 @@ class NgxsmkDatepickerComponent {
             this.showNaturalLanguagePreview = false;
         }
     }
+    async onAiPromptSubmitted(prompt) {
+        if (!prompt || this.disabled || this.isAiResolving)
+            return;
+        this.aiPromptSubmitted.emit(prompt);
+        this.isAiResolving = true;
+        this.scheduleChangeDetection();
+        try {
+            let resolved = null;
+            if (this.aiResolver) {
+                try {
+                    const res = this.aiResolver(prompt);
+                    if (isObservable(res)) {
+                        resolved = await firstValueFrom(res);
+                    }
+                    else {
+                        resolved = await res;
+                    }
+                }
+                catch (err) {
+                    if (isDevMode()) {
+                        console.warn('[ngxsmk-datepicker] aiResolver error:', err);
+                    }
+                }
+            }
+            if (!resolved) {
+                resolved = this.naturalLanguageParserService.parse(prompt);
+            }
+            if (resolved) {
+                if (resolved instanceof Date) {
+                    if (this.mode === 'range') {
+                        this.startDate = new Date(resolved);
+                        this.endDate = new Date(resolved);
+                        this.emitValue({ start: this.startDate, end: this.endDate });
+                    }
+                    else if (this.mode === 'multiple') {
+                        if (!this.selectedDates.some((d) => this.isSameDay(d, resolved))) {
+                            this.selectedDates.push(new Date(resolved));
+                            this.selectedDates.sort((a, b) => a.getTime() - b.getTime());
+                            this.emitValue([...this.selectedDates]);
+                        }
+                    }
+                    else {
+                        this.selectedDate = new Date(resolved);
+                        this.emitValue(this.selectedDate);
+                    }
+                    this.currentMonth = resolved.getMonth();
+                    this.currentYear = resolved.getFullYear();
+                    this.currentDate = new Date(resolved);
+                    this.focusedDate = new Date(resolved);
+                    this.generateCalendar();
+                    this.focusDateCell(resolved);
+                    this.ariaLiveService.announce(`AI selected: ${resolved.toLocaleDateString(this.locale || undefined)}`, 'polite');
+                }
+                else if (resolved && typeof resolved === 'object' && 'start' in resolved && 'end' in resolved) {
+                    this.startDate = new Date(resolved.start);
+                    this.endDate = new Date(resolved.end);
+                    this.emitValue({ start: this.startDate, end: this.endDate });
+                    this.currentMonth = this.startDate.getMonth();
+                    this.currentYear = this.startDate.getFullYear();
+                    this.currentDate = new Date(this.startDate);
+                    this.focusedDate = new Date(this.startDate);
+                    this.generateCalendar();
+                    this.focusDateCell(this.startDate);
+                    this.ariaLiveService.announce(`AI selected range: ${this.startDate.toLocaleDateString(this.locale || undefined)} to ${this.endDate.toLocaleDateString(this.locale || undefined)}`, 'polite');
+                }
+            }
+            else {
+                this.ariaLiveService.announce(`Could not resolve date for prompt: ${prompt}`, 'polite');
+            }
+        }
+        finally {
+            this.isAiResolving = false;
+            this.scheduleChangeDetection();
+        }
+    }
     selectRange(range) {
         if (this.disabled)
             return;
@@ -13093,6 +13512,15 @@ class NgxsmkDatepickerComponent {
         this._currentMonthSignal.set(this._currentMonth);
         this._currentYearSignal.set(this._currentYear);
         this._invalidateMemoCache();
+        if (this.focusedDate) {
+            const lastDayOfNewMonth = new Date(this._currentYear, this._currentMonth + 1, 0).getDate();
+            const clampedDay = Math.min(this.focusedDate.getDate(), lastDayOfNewMonth);
+            let targetFocused = new Date(this._currentYear, this._currentMonth, clampedDay);
+            if (!this.isDateValid(targetFocused)) {
+                targetFocused = this.findFirstValidDateInMonth(this._currentYear, this._currentMonth) ?? targetFocused;
+            }
+            this.focusedDate = targetFocused;
+        }
         this.generateCalendar();
         if (this.isBrowser && this.isCalendarOpen) {
             this.trackedRequestAnimationFrame(() => {
@@ -13621,249 +14049,256 @@ class NgxsmkDatepickerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, calendarViewMode: { classPropertyName: "calendarViewMode", publicName: "calendarViewMode", isSignal: false, isRequired: false, transformFunction: null }, isInvalidDate: { classPropertyName: "isInvalidDate", publicName: "isInvalidDate", isSignal: false, isRequired: false, transformFunction: null }, asyncDateFilter: { classPropertyName: "asyncDateFilter", publicName: "asyncDateFilter", isSignal: false, isRequired: false, transformFunction: null }, showRanges: { classPropertyName: "showRanges", publicName: "showRanges", isSignal: true, isRequired: false, transformFunction: null }, showPresets: { classPropertyName: "showPresets", publicName: "showPresets", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: false, isRequired: false, transformFunction: null }, timeOnly: { classPropertyName: "timeOnly", publicName: "timeOnly", isSignal: false, isRequired: false, transformFunction: null }, timeRangeMode: { classPropertyName: "timeRangeMode", publicName: "timeRangeMode", isSignal: true, isRequired: false, transformFunction: null }, showCalendarButton: { classPropertyName: "showCalendarButton", publicName: "showCalendarButton", isSignal: false, isRequired: false, transformFunction: null }, minuteInterval: { classPropertyName: "minuteInterval", publicName: "minuteInterval", isSignal: false, isRequired: false, transformFunction: null }, use24Hour: { classPropertyName: "use24Hour", publicName: "use24Hour", isSignal: false, isRequired: false, transformFunction: null }, secondInterval: { classPropertyName: "secondInterval", publicName: "secondInterval", isSignal: false, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: false, isRequired: false, transformFunction: null }, holidayProvider: { classPropertyName: "holidayProvider", publicName: "holidayProvider", isSignal: false, isRequired: false, transformFunction: null }, disableHolidays: { classPropertyName: "disableHolidays", publicName: "disableHolidays", isSignal: false, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: false, isRequired: false, transformFunction: null }, disabledRanges: { classPropertyName: "disabledRanges", publicName: "disabledRanges", isSignal: false, isRequired: false, transformFunction: null }, recurringPattern: { classPropertyName: "recurringPattern", publicName: "recurringPattern", isSignal: false, isRequired: false, transformFunction: null }, dateTemplate: { classPropertyName: "dateTemplate", publicName: "dateTemplate", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: false, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: false, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: false, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: false, isRequired: false, transformFunction: null }, translationService: { classPropertyName: "translationService", publicName: "translationService", isSignal: false, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: false, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: false, isRequired: false, transformFunction: null }, prevMonthAriaLabel: { classPropertyName: "prevMonthAriaLabel", publicName: "prevMonthAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, nextMonthAriaLabel: { classPropertyName: "nextMonthAriaLabel", publicName: "nextMonthAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, weekStart: { classPropertyName: "weekStart", publicName: "weekStart", isSignal: false, isRequired: false, transformFunction: null }, yearRange: { classPropertyName: "yearRange", publicName: "yearRange", isSignal: false, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: false, isRequired: false, transformFunction: null }, showOtherMonths: { classPropertyName: "showOtherMonths", publicName: "showOtherMonths", isSignal: false, isRequired: false, transformFunction: null }, hooks: { classPropertyName: "hooks", publicName: "hooks", isSignal: false, isRequired: false, transformFunction: null }, enableKeyboardShortcuts: { classPropertyName: "enableKeyboardShortcuts", publicName: "enableKeyboardShortcuts", isSignal: false, isRequired: false, transformFunction: null }, customShortcuts: { classPropertyName: "customShortcuts", publicName: "customShortcuts", isSignal: false, isRequired: false, transformFunction: null }, autoApplyClose: { classPropertyName: "autoApplyClose", publicName: "autoApplyClose", isSignal: true, isRequired: false, transformFunction: null }, allowSameDay: { classPropertyName: "allowSameDay", publicName: "allowSameDay", isSignal: true, isRequired: false, transformFunction: null }, displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: false, isRequired: false, transformFunction: null }, allowTyping: { classPropertyName: "allowTyping", publicName: "allowTyping", isSignal: false, isRequired: false, transformFunction: null }, inputMask: { classPropertyName: "inputMask", publicName: "inputMask", isSignal: false, isRequired: false, transformFunction: null }, enableNaturalLanguage: { classPropertyName: "enableNaturalLanguage", publicName: "enableNaturalLanguage", isSignal: false, isRequired: false, transformFunction: null }, naturalLanguagePreviewTemplate: { classPropertyName: "naturalLanguagePreviewTemplate", publicName: "naturalLanguagePreviewTemplate", isSignal: true, isRequired: false, transformFunction: null }, calendars: { classPropertyName: "calendars", publicName: "calendars", isSignal: false, isRequired: false, transformFunction: null }, rangePresetFactory: { classPropertyName: "rangePresetFactory", publicName: "rangePresetFactory", isSignal: false, isRequired: false, transformFunction: null }, showTimezoneSelector: { classPropertyName: "showTimezoneSelector", publicName: "showTimezoneSelector", isSignal: true, isRequired: false, transformFunction: null }, defaultTimezone: { classPropertyName: "defaultTimezone", publicName: "defaultTimezone", isSignal: false, isRequired: false, transformFunction: null }, calendarCount: { classPropertyName: "calendarCount", publicName: "calendarCount", isSignal: false, isRequired: false, transformFunction: null }, calendarLayout: { classPropertyName: "calendarLayout", publicName: "calendarLayout", isSignal: false, isRequired: false, transformFunction: null }, changeActiveMonthOnSelection: { classPropertyName: "changeActiveMonthOnSelection", publicName: "changeActiveMonthOnSelection", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, weekNumberLabel: { classPropertyName: "weekNumberLabel", publicName: "weekNumberLabel", isSignal: false, isRequired: false, transformFunction: null }, secondaryCalendar: { classPropertyName: "secondaryCalendar", publicName: "secondaryCalendar", isSignal: false, isRequired: false, transformFunction: null }, dayMetadata: { classPropertyName: "dayMetadata", publicName: "dayMetadata", isSignal: false, isRequired: false, transformFunction: null }, calendarHeaderTemplate: { classPropertyName: "calendarHeaderTemplate", publicName: "calendarHeaderTemplate", isSignal: false, isRequired: false, transformFunction: null }, calendarFooterTemplate: { classPropertyName: "calendarFooterTemplate", publicName: "calendarFooterTemplate", isSignal: false, isRequired: false, transformFunction: null }, defaultMonthOffset: { classPropertyName: "defaultMonthOffset", publicName: "defaultMonthOffset", isSignal: false, isRequired: false, transformFunction: null }, syncScroll: { classPropertyName: "syncScroll", publicName: "syncScroll", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: false, isRequired: false, transformFunction: null }, useNativePicker: { classPropertyName: "useNativePicker", publicName: "useNativePicker", isSignal: false, isRequired: false, transformFunction: null }, enableHapticFeedback: { classPropertyName: "enableHapticFeedback", publicName: "enableHapticFeedback", isSignal: true, isRequired: false, transformFunction: null }, mobileModalStyle: { classPropertyName: "mobileModalStyle", publicName: "mobileModalStyle", isSignal: false, isRequired: false, transformFunction: null }, mobileTimePickerStyle: { classPropertyName: "mobileTimePickerStyle", publicName: "mobileTimePickerStyle", isSignal: false, isRequired: false, transformFunction: null }, enablePullToRefresh: { classPropertyName: "enablePullToRefresh", publicName: "enablePullToRefresh", isSignal: true, isRequired: false, transformFunction: null }, mobileTheme: { classPropertyName: "mobileTheme", publicName: "mobileTheme", isSignal: true, isRequired: false, transformFunction: null }, enableVoiceInput: { classPropertyName: "enableVoiceInput", publicName: "enableVoiceInput", isSignal: false, isRequired: false, transformFunction: null }, autoDetectMobile: { classPropertyName: "autoDetectMobile", publicName: "autoDetectMobile", isSignal: false, isRequired: false, transformFunction: null }, disableFocusTrap: { classPropertyName: "disableFocusTrap", publicName: "disableFocusTrap", isSignal: true, isRequired: false, transformFunction: null }, appendToBody: { classPropertyName: "appendToBody", publicName: "appendToBody", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, dateFormatPattern: { classPropertyName: "dateFormatPattern", publicName: "dateFormatPattern", isSignal: false, isRequired: false, transformFunction: null }, animationConfig: { classPropertyName: "animationConfig", publicName: "animationConfig", isSignal: false, isRequired: false, transformFunction: null }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: false, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, disabledState: { classPropertyName: "disabledState", publicName: "disabledState", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, errorState: { classPropertyName: "errorState", publicName: "errorState", isSignal: false, isRequired: false, transformFunction: null }, userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "userAriaDescribedBy", isSignal: false, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: false, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: false, isRequired: false, transformFunction: null }, comparisonRange: { classPropertyName: "comparisonRange", publicName: "comparisonRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { asyncDateFilterLoading: "asyncDateFilterLoading", asyncDateFilterError: "asyncDateFilterError", naturalLanguageResolved: "naturalLanguageResolved", invalidRange: "invalidRange", timezoneChange: "timezoneChange", valueChange: "valueChange", action: "action", validationError: "validationError" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:touchstart": "onDocumentTouchStart($event)", "keydown": "onKeyDown($event)" }, properties: { "class.ngxsmk-inline": "isInlineMode", "class.dark-theme": "this.isDarkMode", "class.ngxsmk-rtl": "this.rtlClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null }, calendarViewMode: { classPropertyName: "calendarViewMode", publicName: "calendarViewMode", isSignal: false, isRequired: false, transformFunction: null }, isInvalidDate: { classPropertyName: "isInvalidDate", publicName: "isInvalidDate", isSignal: false, isRequired: false, transformFunction: null }, asyncDateFilter: { classPropertyName: "asyncDateFilter", publicName: "asyncDateFilter", isSignal: false, isRequired: false, transformFunction: null }, showRanges: { classPropertyName: "showRanges", publicName: "showRanges", isSignal: true, isRequired: false, transformFunction: null }, showPresets: { classPropertyName: "showPresets", publicName: "showPresets", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: false, isRequired: false, transformFunction: null }, timeOnly: { classPropertyName: "timeOnly", publicName: "timeOnly", isSignal: false, isRequired: false, transformFunction: null }, timeRangeMode: { classPropertyName: "timeRangeMode", publicName: "timeRangeMode", isSignal: true, isRequired: false, transformFunction: null }, showCalendarButton: { classPropertyName: "showCalendarButton", publicName: "showCalendarButton", isSignal: false, isRequired: false, transformFunction: null }, minuteInterval: { classPropertyName: "minuteInterval", publicName: "minuteInterval", isSignal: false, isRequired: false, transformFunction: null }, use24Hour: { classPropertyName: "use24Hour", publicName: "use24Hour", isSignal: false, isRequired: false, transformFunction: null }, secondInterval: { classPropertyName: "secondInterval", publicName: "secondInterval", isSignal: false, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: false, isRequired: false, transformFunction: null }, holidayProvider: { classPropertyName: "holidayProvider", publicName: "holidayProvider", isSignal: false, isRequired: false, transformFunction: null }, disableHolidays: { classPropertyName: "disableHolidays", publicName: "disableHolidays", isSignal: false, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: false, isRequired: false, transformFunction: null }, disabledRanges: { classPropertyName: "disabledRanges", publicName: "disabledRanges", isSignal: false, isRequired: false, transformFunction: null }, recurringPattern: { classPropertyName: "recurringPattern", publicName: "recurringPattern", isSignal: false, isRequired: false, transformFunction: null }, dateTemplate: { classPropertyName: "dateTemplate", publicName: "dateTemplate", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: false, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: false, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: false, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: false, isRequired: false, transformFunction: null }, translationService: { classPropertyName: "translationService", publicName: "translationService", isSignal: false, isRequired: false, transformFunction: null }, clearLabel: { classPropertyName: "clearLabel", publicName: "clearLabel", isSignal: false, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: false, isRequired: false, transformFunction: null }, prevMonthAriaLabel: { classPropertyName: "prevMonthAriaLabel", publicName: "prevMonthAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, nextMonthAriaLabel: { classPropertyName: "nextMonthAriaLabel", publicName: "nextMonthAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: false, isRequired: false, transformFunction: null }, weekStart: { classPropertyName: "weekStart", publicName: "weekStart", isSignal: false, isRequired: false, transformFunction: null }, yearRange: { classPropertyName: "yearRange", publicName: "yearRange", isSignal: false, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: false, isRequired: false, transformFunction: null }, showOtherMonths: { classPropertyName: "showOtherMonths", publicName: "showOtherMonths", isSignal: false, isRequired: false, transformFunction: null }, hooks: { classPropertyName: "hooks", publicName: "hooks", isSignal: false, isRequired: false, transformFunction: null }, enableKeyboardShortcuts: { classPropertyName: "enableKeyboardShortcuts", publicName: "enableKeyboardShortcuts", isSignal: false, isRequired: false, transformFunction: null }, customShortcuts: { classPropertyName: "customShortcuts", publicName: "customShortcuts", isSignal: false, isRequired: false, transformFunction: null }, autoApplyClose: { classPropertyName: "autoApplyClose", publicName: "autoApplyClose", isSignal: true, isRequired: false, transformFunction: null }, allowSameDay: { classPropertyName: "allowSameDay", publicName: "allowSameDay", isSignal: true, isRequired: false, transformFunction: null }, displayFormat: { classPropertyName: "displayFormat", publicName: "displayFormat", isSignal: false, isRequired: false, transformFunction: null }, allowTyping: { classPropertyName: "allowTyping", publicName: "allowTyping", isSignal: false, isRequired: false, transformFunction: null }, inputMask: { classPropertyName: "inputMask", publicName: "inputMask", isSignal: false, isRequired: false, transformFunction: null }, enableNaturalLanguage: { classPropertyName: "enableNaturalLanguage", publicName: "enableNaturalLanguage", isSignal: false, isRequired: false, transformFunction: null }, naturalLanguagePreviewTemplate: { classPropertyName: "naturalLanguagePreviewTemplate", publicName: "naturalLanguagePreviewTemplate", isSignal: true, isRequired: false, transformFunction: null }, enableAi: { classPropertyName: "enableAi", publicName: "enableAi", isSignal: false, isRequired: false, transformFunction: null }, aiPlaceholder: { classPropertyName: "aiPlaceholder", publicName: "aiPlaceholder", isSignal: false, isRequired: false, transformFunction: null }, aiSuggestions: { classPropertyName: "aiSuggestions", publicName: "aiSuggestions", isSignal: false, isRequired: false, transformFunction: null }, showAiSuggestions: { classPropertyName: "showAiSuggestions", publicName: "showAiSuggestions", isSignal: false, isRequired: false, transformFunction: null }, aiResolver: { classPropertyName: "aiResolver", publicName: "aiResolver", isSignal: false, isRequired: false, transformFunction: null }, calendars: { classPropertyName: "calendars", publicName: "calendars", isSignal: false, isRequired: false, transformFunction: null }, rangePresetFactory: { classPropertyName: "rangePresetFactory", publicName: "rangePresetFactory", isSignal: false, isRequired: false, transformFunction: null }, showTimezoneSelector: { classPropertyName: "showTimezoneSelector", publicName: "showTimezoneSelector", isSignal: true, isRequired: false, transformFunction: null }, defaultTimezone: { classPropertyName: "defaultTimezone", publicName: "defaultTimezone", isSignal: false, isRequired: false, transformFunction: null }, calendarCount: { classPropertyName: "calendarCount", publicName: "calendarCount", isSignal: false, isRequired: false, transformFunction: null }, calendarLayout: { classPropertyName: "calendarLayout", publicName: "calendarLayout", isSignal: false, isRequired: false, transformFunction: null }, changeActiveMonthOnSelection: { classPropertyName: "changeActiveMonthOnSelection", publicName: "changeActiveMonthOnSelection", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, weekNumberLabel: { classPropertyName: "weekNumberLabel", publicName: "weekNumberLabel", isSignal: false, isRequired: false, transformFunction: null }, secondaryCalendar: { classPropertyName: "secondaryCalendar", publicName: "secondaryCalendar", isSignal: false, isRequired: false, transformFunction: null }, dayMetadata: { classPropertyName: "dayMetadata", publicName: "dayMetadata", isSignal: false, isRequired: false, transformFunction: null }, calendarHeaderTemplate: { classPropertyName: "calendarHeaderTemplate", publicName: "calendarHeaderTemplate", isSignal: false, isRequired: false, transformFunction: null }, calendarFooterTemplate: { classPropertyName: "calendarFooterTemplate", publicName: "calendarFooterTemplate", isSignal: false, isRequired: false, transformFunction: null }, defaultMonthOffset: { classPropertyName: "defaultMonthOffset", publicName: "defaultMonthOffset", isSignal: false, isRequired: false, transformFunction: null }, syncScroll: { classPropertyName: "syncScroll", publicName: "syncScroll", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: false, isRequired: false, transformFunction: null }, useNativePicker: { classPropertyName: "useNativePicker", publicName: "useNativePicker", isSignal: false, isRequired: false, transformFunction: null }, enableHapticFeedback: { classPropertyName: "enableHapticFeedback", publicName: "enableHapticFeedback", isSignal: true, isRequired: false, transformFunction: null }, mobileModalStyle: { classPropertyName: "mobileModalStyle", publicName: "mobileModalStyle", isSignal: false, isRequired: false, transformFunction: null }, mobileTimePickerStyle: { classPropertyName: "mobileTimePickerStyle", publicName: "mobileTimePickerStyle", isSignal: false, isRequired: false, transformFunction: null }, enablePullToRefresh: { classPropertyName: "enablePullToRefresh", publicName: "enablePullToRefresh", isSignal: true, isRequired: false, transformFunction: null }, mobileTheme: { classPropertyName: "mobileTheme", publicName: "mobileTheme", isSignal: true, isRequired: false, transformFunction: null }, enableVoiceInput: { classPropertyName: "enableVoiceInput", publicName: "enableVoiceInput", isSignal: false, isRequired: false, transformFunction: null }, autoDetectMobile: { classPropertyName: "autoDetectMobile", publicName: "autoDetectMobile", isSignal: false, isRequired: false, transformFunction: null }, disableFocusTrap: { classPropertyName: "disableFocusTrap", publicName: "disableFocusTrap", isSignal: true, isRequired: false, transformFunction: null }, appendToBody: { classPropertyName: "appendToBody", publicName: "appendToBody", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: false, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, dateFormatPattern: { classPropertyName: "dateFormatPattern", publicName: "dateFormatPattern", isSignal: false, isRequired: false, transformFunction: null }, animationConfig: { classPropertyName: "animationConfig", publicName: "animationConfig", isSignal: false, isRequired: false, transformFunction: null }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: false, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, disabledState: { classPropertyName: "disabledState", publicName: "disabledState", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, errorState: { classPropertyName: "errorState", publicName: "errorState", isSignal: false, isRequired: false, transformFunction: null }, userAriaDescribedBy: { classPropertyName: "userAriaDescribedBy", publicName: "userAriaDescribedBy", isSignal: false, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: false, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: false, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: false, isRequired: false, transformFunction: null }, comparisonRange: { classPropertyName: "comparisonRange", publicName: "comparisonRange", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { asyncDateFilterLoading: "asyncDateFilterLoading", asyncDateFilterError: "asyncDateFilterError", naturalLanguageResolved: "naturalLanguageResolved", aiPromptSubmitted: "aiPromptSubmitted", invalidRange: "invalidRange", timezoneChange: "timezoneChange", valueChange: "valueChange", action: "action", validationError: "validationError" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:touchstart": "onDocumentTouchStart($event)", "keydown": "onKeyDown($event)" }, properties: { "class.ngxsmk-inline": "isInlineMode", "class.dark-theme": "this.isDarkMode", "class.ngxsmk-rtl": "this.rtlClass" } }, providers: [
             FieldSyncService,
             CalendarGenerationService,
             DatepickerParsingService,
             TouchGestureHandlerService,
             PopoverPositioningService,
             DatePipe,
-        ], viewQueries: [{ propertyName: "portalTemplate", first: true, predicate: ["portalContent"], descendants: true, static: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "datepickerInput", first: true, predicate: ["datepickerInput"], descendants: true }, { propertyName: "datepickerContent", first: true, predicate: ["datepickerContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-    <div
-      class="ngxsmk-datepicker-wrapper"
-      [class.ngxsmk-inline-mode]="isInlineMode"
-      [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
-      [class.ngxsmk-append-to-body]="_shouldAppendToBody"
-      [class.ngxsmk-rtl]="isRtl"
-      [class.ngxsmk-native-picker]="shouldUseNativePicker()"
-      [class.ngxsmk-no-responsive]="!responsive"
-      [ngClass]="classes()?.wrapper"
-    >
-      @if (!isInlineMode) {
-        <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
-          <ngxsmk-datepicker-input
-            #datepickerInput
-            [isNative]="shouldUseNativePicker()"
-            [disabled]="disabled"
-            [classes]="classes()"
-            [nativeInputType]="getNativeInputType()"
-            [formattedValue]="formatValueForNativeInput(value)"
-            [placeholder]="placeholder"
-            [id]="inputId || _uniqueId"
-            [name]="name"
-            [autocomplete]="autocomplete"
-            [required]="required"
-            [minDateNative]="getMinDateForNativeInput()"
-            [maxDateNative]="getMaxDateForNativeInput()"
-            [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
-            [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
-            [errorState]="errorState"
-            [clearAriaLabel]="_clearAriaLabel"
-            [clearLabel]="_clearLabel"
-            [isCalendarOpen]="isCalendarOpen"
-            [allowTyping]="allowTyping"
-            [typedInputValue]="typedInputValue"
-            [displayValue]="displayValue"
-            [showCalendarButton]="showCalendarButton"
-            [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
-            [validationErrorMessage]="validationErrorMessage"
-            (nativeInputChange)="onNativeInputChange($event)"
-            (inputBlur)="onInputBlur($event)"
-            (clearValue)="clearValue($event)"
-            (toggleCalendar)="toggleCalendar($event)"
-            (pointerDown)="onPointerDown($event)"
-            (pointerUp)="onPointerUp($event)"
-            (inputGroupFocus)="onInputGroupFocus()"
-            (inputKeyDown)="onInputKeyDown($event)"
-            (inputChange)="onInputChange($event)"
-            (inputFocus)="onInputFocus($event)"
-          ></ngxsmk-datepicker-input>
-          @if (showNaturalLanguagePreview && naturalLanguagePreview) {
-            <div
-              class="ngxsmk-natural-language-preview"
-              style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;"
-            >
-              <ng-container
-                [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
-                [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
-              ></ng-container>
-            </div>
-          }
-        </div>
-      }
-
-      <ng-template #defaultPreviewTpl let-preview>
-        <div class="ngxsmk-natural-language-preview-content">
-          Resolved: <strong>{{ preview }}</strong>
-        </div>
-      </ng-template>
-
-      <ng-template #portalContent>
-        <ngxsmk-datepicker-content
-          #datepickerContent
-          [isCalendarVisible]="isCalendarVisible"
-          [isCalendarOpen]="_isCalendarOpen()"
-          [isInlineMode]="isInlineMode"
-          [shouldAppendToBody]="_shouldAppendToBody"
-          [theme]="theme"
-          [popoverId]="popoverId"
-          [classes]="classes()"
-          [timeOnly]="timeOnly"
-          [showTime]="showTime"
-          [isMobile]="isMobileDevice()"
-          [mobileModalStyle]="mobileModalStyle"
-          [align]="align"
-          [ariaLabel]="calendarAriaLabel()"
-          [isCalendarOpening]="isCalendarOpening"
-          [loadingMessage]="calendarLoadingMessage()"
-          [showRanges]="showRanges() || showPresets()"
-          [rangesArray]="rangesArray"
-          [selectedRange]="[startDate, endDate]"
-          [showTimezoneSelector]="showTimezoneSelector()"
-          [timezoneOptions]="getTimezoneOptions()"
-          [currentTimezone]="timezone || defaultTimezone"
-          [mode]="mode"
-          [disabled]="disabled"
-          [calendarCount]="calendarCount"
-          [calendarLayout]="calendarLayout"
-          [syncScrollEnabled]="syncScroll().enabled ?? false"
-          [calendarMonths]="renderedCalendars()"
-          [weekDays]="weekDays"
-          [weekDaysFull]="weekDaysFull"
-          [showOtherMonths]="showOtherMonths"
-          [showWeekNumbers]="showWeekNumbers"
-          [weekNumberLabel]="weekNumberLabel"
-          [secondaryCalendar]="secondaryCalendar"
-          [secondaryCalendarLocale]="locale"
-          [selectedDate]="selectedDate"
-          [startDate]="startDate"
-          [endDate]="endDate"
-          [focusedDate]="focusedDate"
-          [today]="today"
-          [dateTemplate]="dateTemplate()"
-          [calendarViewMode]="calendarViewMode"
-          [monthOptions]="monthOptions()"
-          [currentMonth]="_currentMonthSignal()"
-          [yearOptions]="yearOptions()"
-          [currentYear]="_currentYearSignal()"
-          [isBackArrowDisabled]="isBackArrowDisabled"
-          [prevMonthAriaLabel]="_prevMonthAriaLabel"
-          [nextMonthAriaLabel]="_nextMonthAriaLabel"
-          [yearGrid]="yearGrid"
-          [currentDecade]="_currentDecade"
-          [decadeGrid]="decadeGrid"
-          [timelineStartDate]="timelineStartDate"
-          [timelineEndDate]="timelineEndDate"
-          [timelineMonths]="timelineMonths"
-          [minuteInterval]="minuteInterval"
-          [startTimeSlider]="startTimeSlider"
-          [endTimeSlider]="endTimeSlider"
-          [timeRangeMode]="timeRangeMode()"
-          [hourOptions]="hourOptions"
-          [minuteOptions]="minuteOptions"
-          [secondOptions]="secondOptions"
-          [ampmOptions]="ampmOptions"
-          [currentDisplayHour]="currentDisplayHour"
-          [currentMinute]="currentMinute"
-          [currentSecond]="currentSecond"
-          [isPm]="isPm"
-          [showSeconds]="showSeconds"
-          [use24Hour]="use24Hour"
-          [startDisplayHour]="startDisplayHour"
-          [startMinute]="startMinute"
-          [startSecond]="startSecond"
-          [startIsPm]="startIsPm"
-          [endDisplayHour]="endDisplayHour"
-          [endMinute]="endMinute"
-          [endSecond]="endSecond"
-          [endIsPm]="endIsPm"
-          [clearAriaLabel]="_clearAriaLabel"
-          [clearLabel]="_clearLabel"
-          [closeAriaLabel]="_closeAriaLabel"
-          [closeLabel]="_closeLabel"
-          [translations]="_translations"
-          [boundIsDateDisabled]="boundIsDateDisabled"
-          [boundIsYearDisabled]="boundIsYearDisabled"
-          [boundIsDecadeDisabled]="boundIsDecadeDisabled"
-          [boundGetDayMetadata]="boundGetDayMetadata"
-          [calendarHeaderTemplate]="calendarHeaderTemplate"
-          [calendarFooterTemplate]="calendarFooterTemplate"
-          [boundIsSameDay]="boundIsSameDay"
-          [boundIsHoliday]="boundIsHoliday"
-          [boundIsMultipleSelected]="boundIsMultipleSelected"
-          [boundIsInRange]="boundIsInRange"
-          [boundIsInComparisonRange]="boundIsInComparisonRange"
-          [boundIsPreviewInRange]="boundIsPreviewInRange"
-          [boundGetAriaLabel]="boundGetAriaLabel"
-          [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
-          [boundGetDayCellTooltip]="boundGetDayCellTooltip"
-          [boundFormatDayNumber]="boundFormatDayNumber"
-          [getMonthYearLabel]="boundGetMonthYearLabel"
-          [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
-          [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
-          [formatTimeSliderValue]="boundFormatTimeSliderValue"
-          (backdropClick)="onBackdropInteract($event)"
-          (escapeKey)="onPopoverEscape($event)"
-          (touchStartContainer)="onBottomSheetTouchStart($event)"
-          (touchMoveContainer)="onBottomSheetTouchMove($event)"
-          (touchEndContainer)="onBottomSheetTouchEnd($event)"
-          (rangeSelect)="selectRange($event)"
-          (timezoneChange)="setTimezone($event)"
-          (previousMonth)="changeMonth(-1)"
-          (nextMonth)="changeMonth(1)"
-          (currentMonthChange)="currentMonth = $event"
-          (currentYearChange)="onYearSelectChange($event)"
-          (dateClick)="onDateClick($event)"
-          (dateHover)="onDateHover($event)"
-          (dateFocus)="onDateFocus($event)"
-          (swipeStart)="onCalendarSwipeStart($event)"
-          (swipeMove)="onCalendarSwipeMove($event)"
-          (swipeEnd)="onCalendarSwipeEnd($event)"
-          (touchStart)="onDateCellTouchStart($event.event, $event.day)"
-          (touchMove)="onDateCellTouchMove($event)"
-          (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
-          (viewModeChange)="onViewModeChange($event)"
-          (changeYear)="changeYear($event)"
-          (yearClick)="onYearClick($event)"
-          (changeDecade)="changeDecade($event)"
-          (decadeClick)="onDecadeClick($event)"
-          (timelineZoomOut)="timelineZoomOut()"
-          (timelineZoomIn)="timelineZoomIn()"
-          (timelineMonthClick)="onTimelineMonthClick($event)"
-          (startTimeSliderChange)="onStartTimeSliderChange($event)"
-          (endTimeSliderChange)="onEndTimeSliderChange($event)"
-          (currentDisplayHourChange)="currentDisplayHour = $event"
-          (currentMinuteChange)="currentMinute = $event"
-          (currentSecondChange)="currentSecond = $event"
-          (isPmChange)="isPm = $event"
-          (timeChange)="timeChange()"
-          (startDisplayHourChange)="startDisplayHour = $event"
-          (startMinuteChange)="startMinute = $event"
-          (startSecondChange)="startSecond = $event"
-          (startIsPmChange)="startIsPm = $event"
-          (endDisplayHourChange)="endDisplayHour = $event"
-          (endMinuteChange)="endMinute = $event"
-          (endSecondChange)="endSecond = $event"
-          (endIsPmChange)="endIsPm = $event"
-          (timeRangeChange)="timeRangeChange()"
-          (clearValue)="clearValue($event)"
-          (closeCalendar)="closeCalendarWithFocusRestore()"
-        ></ngxsmk-datepicker-content>
-      </ng-template>
-
-      @if (isCalendarVisible && !_shouldAppendToBody) {
-        <ng-container *ngTemplateOutlet="portalContent"></ng-container>
-      }
-      @if (isKeyboardHelpOpen) {
-        <ngxsmk-datepicker-keyboard-help
-          [title]="getTranslation('keyboardShortcuts')"
-          [closeLabel]="getTranslation('close')"
-          [backdropLabel]="getTranslation('closeCalendarOverlay')"
-          (closeRequested)="toggleKeyboardHelp()"
-        />
-      }
-    </div>
-  `, isInline: true, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-comparison-range-color: #f59e0b;--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)){display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)):has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:var(--datepicker-z-index-backdrop);background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive):not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none;visibility:hidden;opacity:0;pointer-events:none}body:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto;contain:none;clip-path:none;clip:auto;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:visible;opacity:1;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2147483647;pointer-events:none;width:calc(100% - 12px);min-width:280px;max-width:480px;max-height:calc(100vh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;margin:0;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0;transform:none;width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;margin:0;-webkit-animation:fadeInScale .2s ease-out;-moz-animation:fadeInScale .2s ease-out;animation:fadeInScale .2s ease-out}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;width:100%;gap:4px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-height:44px;padding:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{height:44px;min-height:44px;box-sizing:border-box;padding:10px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:2px;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:13px;width:100%}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-ranges-container li.ngxsmk-preset-active{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);font-weight:700}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-days-grid.ngxsmk-with-week-numbers{grid-template-columns:minmax(1.5em,auto) repeat(7,1fr)}.ngxsmk-week-number,.ngxsmk-week-number-header{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.ngxsmk-day-cell:has(.ngxsmk-day-secondary),.ngxsmk-day-cell:has(.ngxsmk-day-meta-label){-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-day-meta-label{font-size:.6em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngxsmk-day-indicator{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;pointer-events:none}.ngxsmk-day-secondary{font-size:.62em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:40px;min-height:40px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.in-comparison-range{position:relative}.ngxsmk-day-cell.in-comparison-range:after{content:\"\";position:absolute;right:2px;bottom:2px;left:2px;height:2px;border-radius:1px;background-color:var(--datepicker-comparison-range-color, #f59e0b);pointer-events:none;z-index:3}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.disabled.in-range .ngxsmk-day-number,.ngxsmk-day-cell.disabled.preview-range .ngxsmk-day-number{text-decoration:line-through;text-decoration-color:var(--datepicker-error-color, #ef4444);text-decoration-thickness:2px}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-timezone-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-md);padding-top:var(--datepicker-spacing-md);border-top:1px solid var(--datepicker-border-color);width:100%}.ngxsmk-timezone-label{font-size:var(--datepicker-font-size-base);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap}.ngxsmk-timezone-selection ngxsmk-custom-select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:100%;min-width:280px;max-width:min(100vw - 32px,500px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);z-index:2147483647;margin:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed;inset:auto 0 0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);width:100%;max-width:100%;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed;inset:0;width:100%;max-width:100%;max-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,500px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 64px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:48px;min-height:0;max-height:48px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:85%;height:85%;min-width:30px;max-width:38px;min-height:30px;max-height:38px;font-size:var(--datepicker-font-size-base);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:11px;font-weight:700;padding:8px 0;width:100%;text-align:center;color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:0;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;margin:0 auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;padding:4px;margin-bottom:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;width:auto;gap:4px;min-width:0;display:flex}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:36px;min-height:36px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:36px;height:36px;padding:6px;min-height:36px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-select-display{padding:0 6px;font-size:13px;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-arrow-icon{width:12px;height:12px;margin-left:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;gap:2px;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0;padding-right:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection>*{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:12px;font-weight:600;color:var(--datepicker-text-color);white-space:nowrap;margin-right:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px;min-height:36px;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{width:100%;min-width:0;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:center;gap:8px 6px;overflow:visible;width:100%;min-width:0;max-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{flex-shrink:0;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;min-width:0;max-width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:600px)and (max-width:767px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:360px;max-width:min(90vw,550px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:20px;max-width:100%;width:100%;border-radius:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:16px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 18px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{width:100%;padding:16px 12px;margin-bottom:16px;gap:16px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:12px;font-size:15px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:15px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:22px;height:22px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:6px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:13px;font-weight:600;padding:12px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-size:15px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:12px;padding:20px 12px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:15px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:22px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:20px 12px 16px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:14px 24px;font-size:15px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:140px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:20px;padding:0 12px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:320px;max-width:340px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px);max-width:calc(50% - 12px);width:calc(50% - 12px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:16px;font-weight:600;padding:16px 12px;margin-bottom:16px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:12px;padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:14px 18px;font-size:15px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:16px 12px;margin-bottom:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:15px;padding:14px 18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:80px;padding:14px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:16px 12px;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:16px 12px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:15px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:18px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto;right:auto}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:400px;max-width:min(90vw,600px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px;max-width:min(95vw,900px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px;max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:24px;max-width:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:20px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;gap:12px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:14px 20px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:20px 16px;margin-bottom:20px;gap:20px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:14px;font-size:16px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:24px;height:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:8px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:600;padding:14px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:48px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:48px;max-height:none;font-size:16px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:14px;padding:24px 16px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:16px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:24px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:14px;padding:24px 16px 20px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:16px 28px;font-size:16px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:160px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:24px;padding:0 16px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:360px;max-width:380px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px);max-width:calc(50% - 14px);width:calc(50% - 14px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:17px;font-weight:600;padding:18px 16px;margin-bottom:18px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px);max-width:calc(33.333% - 19px);width:calc(33.333% - 19px)}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:14px;padding:20px 16px;grid-template-columns:repeat(5,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:16px 20px;font-size:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:20px 16px;margin-bottom:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:16px;padding:16px 20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:90px;padding:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:20px 16px;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:20px 16px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:16px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:20px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 14px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:16px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:12px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 16px;font-size:13px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{align-items:center;padding:12px 8px;margin-bottom:12px;gap:12px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:8px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:5px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:600;padding:10px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:10px;align-items:baseline;padding:16px 8px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:16px 8px 12px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 20px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:120px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:16px;padding:0 8px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:300px;max-width:320px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:15px;font-weight:600;padding:12px 8px;margin-bottom:12px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:10px;padding:12px 8px;grid-template-columns:repeat(3,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:12px 8px;margin-bottom:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{padding:12px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:70px;padding:12px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:12px 8px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:12px 8px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:16px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:375px)and (max-width:479px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:12px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:10px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 16px;font-size:13px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:10px 6px;margin-bottom:10px;gap:10px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:8px;font-size:13px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:13px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:6px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:11px;font-weight:600;padding:8px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:8px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:10px;padding:14px 6px 10px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 18px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 5px);-ms-flex:1 1 calc(50% - 5px);flex:1 1 calc(50% - 5px);min-width:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:14px;padding:0 6px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:280px;max-width:300px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-weight:600;padding:10px 6px;margin-bottom:10px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:8px;padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:10px 6px;margin-bottom:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:13px;padding:10px 14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:64px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:10px 6px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:10px 6px;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:13px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:15px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:374px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:13px;padding:8px 10px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:6px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px);min-width:280px;max-width:100%;max-height:calc(100dvh - 20px);position:fixed;inset:0;margin:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;border-radius:12px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:6px 4px;max-width:100%;width:100%;border-radius:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:8px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 14px;font-size:12px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:4px 6px 10px;margin-bottom:6px;gap:4px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:6px;font-size:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:40px;min-height:40px;font-size:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:4px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:8px;border-radius:8px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:18px;height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:3px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:10px;font-weight:600;padding:6px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:40px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:40px;max-height:none;font-size:13px;font-weight:500;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{display:flex;gap:8px;padding:12px 4px;margin-top:8px;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:center;align-items:center;overflow:visible;position:relative;z-index:100}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:600;flex-shrink:0;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px;min-width:70px;flex-shrink:0;position:relative;z-index:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:700;flex-shrink:0;padding:0 4px;line-height:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:8px;padding:12px 4px 8px;margin-top:0;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:stretch;position:relative;z-index:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 16px;font-size:13px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 4px);-ms-flex:1 1 calc(50% - 4px);flex:1 1 calc(50% - 4px);min-width:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:12px;padding:0 4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:260px;max-width:280px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:13px;font-weight:600;padding:8px 4px;margin-bottom:8px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:6px;padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:10px 12px;font-size:13px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:8px 4px;margin-bottom:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:12px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:60px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:8px 4px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:8px 4px;gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:12px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:991px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{position:relative;z-index:100;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{position:relative;z-index:1}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-inner-content{flex-direction:column}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--ion-color-primary, #6d28d9);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;background:#0006;z-index:var(--ngxsmk-z-backdrop);pointer-events:auto;transition:opacity .3s ease-out}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker,.ngxsmk-datepicker,.ngxsmk-datepicker-panel,.ngxsmk-datepicker-overlay,.ngxsmk-datepicker-dialog,.ngxsmk-datepicker-dropdown,.ngxsmk-datepicker-container,.ngxsmk-presets-drawer{--ngxsmk-transition: none !important;--ngxsmk-transition-duration: .01ms !important}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after,.ngxsmk-datepicker-panel *,.ngxsmk-datepicker-panel *:before,.ngxsmk-datepicker-panel *:after,.ngxsmk-datepicker-overlay *,.ngxsmk-datepicker-dialog *,.ngxsmk-datepicker-dropdown *,.ngxsmk-presets-drawer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}body.ngxsmk-scroll-locked{overflow:hidden!important;touch-action:none}.ngxsmk-day-cell.ngxsmk-other-month{opacity:.45;color:var(--datepicker-subtle-text-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgxsmkDatepickerInputComponent, selector: "ngxsmk-datepicker-input", inputs: ["isNative", "disabled", "classes", "nativeInputType", "formattedValue", "placeholder", "id", "name", "autocomplete", "required", "minDateNative", "maxDateNative", "ariaLabel", "ariaDescribedBy", "errorState", "clearAriaLabel", "clearLabel", "isCalendarOpen", "allowTyping", "typedInputValue", "displayValue", "showCalendarButton", "calendarAriaLabel", "validationErrorMessage"], outputs: ["nativeInputChange", "inputBlur", "clearValue", "toggleCalendar", "pointerDown", "pointerUp", "inputGroupFocus", "inputKeyDown", "inputChange", "inputFocus"] }, { kind: "component", type: NgxsmkDatepickerContentComponent, selector: "ngxsmk-datepicker-content", inputs: ["isCalendarVisible", "isCalendarOpen", "isInlineMode", "shouldAppendToBody", "theme", "popoverId", "classes", "timeOnly", "showTime", "isMobile", "mobileModalStyle", "align", "ariaLabel", "isCalendarOpening", "loadingMessage", "showRanges", "rangesArray", "mode", "disabled", "calendarCount", "calendarLayout", "syncScrollEnabled", "calendarMonths", "weekDays", "weekDaysFull", "showOtherMonths", "showWeekNumbers", "weekNumberLabel", "secondaryCalendar", "secondaryCalendarLocale", "selectedDate", "startDate", "endDate", "focusedDate", "today", "dateTemplate", "calendarViewMode", "monthOptions", "currentMonth", "yearOptions", "currentYear", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "yearGrid", "currentDecade", "decadeGrid", "timelineStartDate", "timelineEndDate", "timelineMonths", "minuteInterval", "startTimeSlider", "endTimeSlider", "timeRangeMode", "hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "showSeconds", "use24Hour", "startDisplayHour", "startMinute", "startSecond", "startIsPm", "endDisplayHour", "endMinute", "endSecond", "endIsPm", "clearAriaLabel", "clearLabel", "closeAriaLabel", "closeLabel", "translations", "selectedRange", "showTimezoneSelector", "timezoneOptions", "currentTimezone", "boundIsDateDisabled", "boundIsYearDisabled", "boundIsDecadeDisabled", "boundGetDayMetadata", "calendarHeaderTemplate", "calendarFooterTemplate", "boundIsSameDay", "boundIsHoliday", "boundIsMultipleSelected", "boundIsInRange", "boundIsInComparisonRange", "boundIsPreviewInRange", "boundGetAriaLabel", "boundGetDayCellCustomClasses", "boundGetDayCellTooltip", "boundFormatDayNumber", "getMonthYearLabel", "getCalendarAriaLabelForMonth", "isTimelineMonthSelected", "formatTimeSliderValue"], outputs: ["timezoneChange", "backdropClick", "touchStartContainer", "touchMoveContainer", "touchEndContainer", "rangeSelect", "previousMonth", "nextMonth", "currentMonthChange", "currentYearChange", "dateClick", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd", "viewModeChange", "changeYear", "yearClick", "changeDecade", "decadeClick", "timelineZoomOut", "timelineZoomIn", "timelineMonthClick", "startTimeSliderChange", "endTimeSliderChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange", "timeChange", "startDisplayHourChange", "startMinuteChange", "startSecondChange", "startIsPmChange", "endDisplayHourChange", "endMinuteChange", "endSecondChange", "endIsPmChange", "timeRangeChange", "clearValue", "closeCalendar", "escapeKey"] }, { kind: "component", type: NgxsmkDatepickerKeyboardHelpComponent, selector: "ngxsmk-datepicker-keyboard-help", inputs: ["title", "closeLabel", "backdropLabel"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "portalTemplate", first: true, predicate: ["portalContent"], descendants: true, static: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "datepickerInput", first: true, predicate: ["datepickerInput"], descendants: true }, { propertyName: "datepickerContent", first: true, predicate: ["datepickerContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <div
+      class="ngxsmk-datepicker-wrapper"
+      [class.ngxsmk-inline-mode]="isInlineMode"
+      [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
+      [class.ngxsmk-append-to-body]="_shouldAppendToBody"
+      [class.ngxsmk-rtl]="isRtl"
+      [class.ngxsmk-native-picker]="shouldUseNativePicker()"
+      [class.ngxsmk-no-responsive]="!responsive"
+      [ngClass]="classes()?.wrapper"
+    >
+      @if (!isInlineMode) {
+        <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
+          <ngxsmk-datepicker-input
+            #datepickerInput
+            [isNative]="shouldUseNativePicker()"
+            [disabled]="disabled"
+            [classes]="classes()"
+            [nativeInputType]="getNativeInputType()"
+            [formattedValue]="formatValueForNativeInput(value)"
+            [placeholder]="placeholder"
+            [id]="inputId || _uniqueId"
+            [name]="name"
+            [autocomplete]="autocomplete"
+            [required]="required"
+            [minDateNative]="getMinDateForNativeInput()"
+            [maxDateNative]="getMaxDateForNativeInput()"
+            [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
+            [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
+            [errorState]="errorState"
+            [clearAriaLabel]="_clearAriaLabel"
+            [clearLabel]="_clearLabel"
+            [isCalendarOpen]="isCalendarOpen"
+            [allowTyping]="allowTyping"
+            [typedInputValue]="typedInputValue"
+            [displayValue]="displayValue"
+            [showCalendarButton]="showCalendarButton"
+            [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
+            [validationErrorMessage]="validationErrorMessage"
+            (nativeInputChange)="onNativeInputChange($event)"
+            (inputBlur)="onInputBlur($event)"
+            (clearValue)="clearValue($event)"
+            (toggleCalendar)="toggleCalendar($event)"
+            (pointerDown)="onPointerDown($event)"
+            (pointerUp)="onPointerUp($event)"
+            (inputGroupFocus)="onInputGroupFocus()"
+            (inputKeyDown)="onInputKeyDown($event)"
+            (inputChange)="onInputChange($event)"
+            (inputFocus)="onInputFocus($event)"
+          ></ngxsmk-datepicker-input>
+          @if (showNaturalLanguagePreview && naturalLanguagePreview) {
+            <div
+              class="ngxsmk-natural-language-preview"
+              style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;"
+            >
+              <ng-container
+                [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
+                [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
+              ></ng-container>
+            </div>
+          }
+        </div>
+      }
+
+      <ng-template #defaultPreviewTpl let-preview>
+        <div class="ngxsmk-natural-language-preview-content">
+          Resolved: <strong>{{ preview }}</strong>
+        </div>
+      </ng-template>
+
+      <ng-template #portalContent>
+        <ngxsmk-datepicker-content
+          #datepickerContent
+          [isCalendarVisible]="isCalendarVisible"
+          [isCalendarOpen]="_isCalendarOpen()"
+          [isInlineMode]="isInlineMode"
+          [shouldAppendToBody]="_shouldAppendToBody"
+          [theme]="theme"
+          [popoverId]="popoverId"
+          [classes]="classes()"
+          [timeOnly]="timeOnly"
+          [showTime]="showTime"
+          [isMobile]="isMobileDevice()"
+          [mobileModalStyle]="mobileModalStyle"
+          [align]="align"
+          [ariaLabel]="calendarAriaLabel()"
+          [isCalendarOpening]="isCalendarOpening"
+          [loadingMessage]="calendarLoadingMessage()"
+          [showRanges]="showRanges() || showPresets()"
+          [rangesArray]="rangesArray"
+          [selectedRange]="[startDate, endDate]"
+          [showTimezoneSelector]="showTimezoneSelector()"
+          [timezoneOptions]="getTimezoneOptions()"
+          [currentTimezone]="timezone || defaultTimezone"
+          [mode]="mode"
+          [disabled]="disabled"
+          [calendarCount]="calendarCount"
+          [calendarLayout]="calendarLayout"
+          [syncScrollEnabled]="syncScroll().enabled ?? false"
+          [calendarMonths]="renderedCalendars()"
+          [weekDays]="weekDays"
+          [weekDaysFull]="weekDaysFull"
+          [showOtherMonths]="showOtherMonths"
+          [showWeekNumbers]="showWeekNumbers"
+          [weekNumberLabel]="weekNumberLabel"
+          [secondaryCalendar]="secondaryCalendar"
+          [secondaryCalendarLocale]="locale"
+          [selectedDate]="selectedDate"
+          [startDate]="startDate"
+          [endDate]="endDate"
+          [focusedDate]="focusedDate"
+          [today]="today"
+          [dateTemplate]="dateTemplate()"
+          [calendarViewMode]="calendarViewMode"
+          [monthOptions]="monthOptions()"
+          [currentMonth]="_currentMonthSignal()"
+          [yearOptions]="yearOptions()"
+          [currentYear]="_currentYearSignal()"
+          [isBackArrowDisabled]="isBackArrowDisabled"
+          [prevMonthAriaLabel]="_prevMonthAriaLabel"
+          [nextMonthAriaLabel]="_nextMonthAriaLabel"
+          [yearGrid]="yearGrid"
+          [currentDecade]="_currentDecade"
+          [decadeGrid]="decadeGrid"
+          [timelineStartDate]="timelineStartDate"
+          [timelineEndDate]="timelineEndDate"
+          [timelineMonths]="timelineMonths"
+          [minuteInterval]="minuteInterval"
+          [startTimeSlider]="startTimeSlider"
+          [endTimeSlider]="endTimeSlider"
+          [timeRangeMode]="timeRangeMode()"
+          [hourOptions]="hourOptions"
+          [minuteOptions]="minuteOptions"
+          [secondOptions]="secondOptions"
+          [ampmOptions]="ampmOptions"
+          [currentDisplayHour]="currentDisplayHour"
+          [currentMinute]="currentMinute"
+          [currentSecond]="currentSecond"
+          [isPm]="isPm"
+          [showSeconds]="showSeconds"
+          [use24Hour]="use24Hour"
+          [startDisplayHour]="startDisplayHour"
+          [startMinute]="startMinute"
+          [startSecond]="startSecond"
+          [startIsPm]="startIsPm"
+          [endDisplayHour]="endDisplayHour"
+          [endMinute]="endMinute"
+          [endSecond]="endSecond"
+          [endIsPm]="endIsPm"
+          [clearAriaLabel]="_clearAriaLabel"
+          [clearLabel]="_clearLabel"
+          [closeAriaLabel]="_closeAriaLabel"
+          [closeLabel]="_closeLabel"
+          [translations]="_translations"
+          [boundIsDateDisabled]="boundIsDateDisabled"
+          [boundIsYearDisabled]="boundIsYearDisabled"
+          [boundIsDecadeDisabled]="boundIsDecadeDisabled"
+          [boundGetDayMetadata]="boundGetDayMetadata"
+          [calendarHeaderTemplate]="calendarHeaderTemplate"
+          [calendarFooterTemplate]="calendarFooterTemplate"
+          [enableAi]="enableAi"
+          [aiPlaceholder]="aiPlaceholder"
+          [aiSuggestions]="aiSuggestions"
+          [showAiSuggestions]="showAiSuggestions"
+          [isAiResolving]="isAiResolving"
+          (aiPromptSubmitted)="onAiPromptSubmitted($event)"
+          [boundIsSameDay]="boundIsSameDay"
+          [boundIsHoliday]="boundIsHoliday"
+          [boundIsMultipleSelected]="boundIsMultipleSelected"
+          [boundIsInRange]="boundIsInRange"
+          [boundIsInComparisonRange]="boundIsInComparisonRange"
+          [boundIsPreviewInRange]="boundIsPreviewInRange"
+          [boundGetAriaLabel]="boundGetAriaLabel"
+          [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
+          [boundGetDayCellTooltip]="boundGetDayCellTooltip"
+          [boundFormatDayNumber]="boundFormatDayNumber"
+          [getMonthYearLabel]="boundGetMonthYearLabel"
+          [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
+          [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
+          [formatTimeSliderValue]="boundFormatTimeSliderValue"
+          (backdropClick)="onBackdropInteract($event)"
+          (escapeKey)="onPopoverEscape($event)"
+          (containerKeyDown)="onKeyDown($event)"
+          (touchStartContainer)="onBottomSheetTouchStart($event)"
+          (touchMoveContainer)="onBottomSheetTouchMove($event)"
+          (touchEndContainer)="onBottomSheetTouchEnd($event)"
+          (rangeSelect)="selectRange($event)"
+          (timezoneChange)="setTimezone($event)"
+          (previousMonth)="changeMonth(-1)"
+          (nextMonth)="changeMonth(1)"
+          (currentMonthChange)="currentMonth = $event"
+          (currentYearChange)="onYearSelectChange($event)"
+          (dateClick)="onDateClick($event)"
+          (dateHover)="onDateHover($event)"
+          (dateFocus)="onDateFocus($event)"
+          (swipeStart)="onCalendarSwipeStart($event)"
+          (swipeMove)="onCalendarSwipeMove($event)"
+          (swipeEnd)="onCalendarSwipeEnd($event)"
+          (touchStart)="onDateCellTouchStart($event.event, $event.day)"
+          (touchMove)="onDateCellTouchMove($event)"
+          (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
+          (viewModeChange)="onViewModeChange($event)"
+          (changeYear)="changeYear($event)"
+          (yearClick)="onYearClick($event)"
+          (changeDecade)="changeDecade($event)"
+          (decadeClick)="onDecadeClick($event)"
+          (timelineZoomOut)="timelineZoomOut()"
+          (timelineZoomIn)="timelineZoomIn()"
+          (timelineMonthClick)="onTimelineMonthClick($event)"
+          (startTimeSliderChange)="onStartTimeSliderChange($event)"
+          (endTimeSliderChange)="onEndTimeSliderChange($event)"
+          (currentDisplayHourChange)="currentDisplayHour = $event"
+          (currentMinuteChange)="currentMinute = $event"
+          (currentSecondChange)="currentSecond = $event"
+          (isPmChange)="isPm = $event"
+          (timeChange)="timeChange()"
+          (startDisplayHourChange)="startDisplayHour = $event"
+          (startMinuteChange)="startMinute = $event"
+          (startSecondChange)="startSecond = $event"
+          (startIsPmChange)="startIsPm = $event"
+          (endDisplayHourChange)="endDisplayHour = $event"
+          (endMinuteChange)="endMinute = $event"
+          (endSecondChange)="endSecond = $event"
+          (endIsPmChange)="endIsPm = $event"
+          (timeRangeChange)="timeRangeChange()"
+          (clearValue)="clearValue($event)"
+          (closeCalendar)="closeCalendarWithFocusRestore()"
+        ></ngxsmk-datepicker-content>
+      </ng-template>
+
+      @if (isCalendarVisible && !_shouldAppendToBody) {
+        <ng-container *ngTemplateOutlet="portalContent"></ng-container>
+      }
+      @if (isKeyboardHelpOpen) {
+        <ngxsmk-datepicker-keyboard-help
+          [title]="getTranslation('keyboardShortcuts')"
+          [closeLabel]="getTranslation('close')"
+          [backdropLabel]="getTranslation('closeCalendarOverlay')"
+          (closeRequested)="toggleKeyboardHelp()"
+        />
+      }
+    </div>
+  `, isInline: true, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-comparison-range-color: #f59e0b;--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)){display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)):has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:var(--datepicker-z-index-backdrop);background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive):not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none;visibility:hidden;opacity:0;pointer-events:none}body:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto;contain:none;clip-path:none;clip:auto;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:visible;opacity:1;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2147483647;pointer-events:none;width:calc(100% - 12px);min-width:280px;max-width:480px;max-height:calc(100vh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;margin:0;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0;transform:none;width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;margin:0;-webkit-animation:fadeInScale .2s ease-out;-moz-animation:fadeInScale .2s ease-out;animation:fadeInScale .2s ease-out}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;width:100%;gap:4px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-height:44px;padding:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{height:44px;min-height:44px;box-sizing:border-box;padding:10px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:2px;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:13px;width:100%}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-ranges-container li.ngxsmk-preset-active{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);font-weight:700}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-days-grid.ngxsmk-with-week-numbers{grid-template-columns:minmax(1.5em,auto) repeat(7,1fr)}.ngxsmk-week-number,.ngxsmk-week-number-header{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.ngxsmk-day-cell:has(.ngxsmk-day-secondary),.ngxsmk-day-cell:has(.ngxsmk-day-meta-label){-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-day-meta-label{font-size:.6em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngxsmk-day-indicator{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;pointer-events:none}.ngxsmk-day-secondary{font-size:.62em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:40px;min-height:40px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.in-comparison-range{position:relative}.ngxsmk-day-cell.in-comparison-range:after{content:\"\";position:absolute;right:2px;bottom:2px;left:2px;height:2px;border-radius:1px;background-color:var(--datepicker-comparison-range-color, #f59e0b);pointer-events:none;z-index:3}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.disabled.in-range .ngxsmk-day-number,.ngxsmk-day-cell.disabled.preview-range .ngxsmk-day-number{text-decoration:line-through;text-decoration-color:var(--datepicker-error-color, #ef4444);text-decoration-thickness:2px}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-timezone-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-md);padding-top:var(--datepicker-spacing-md);border-top:1px solid var(--datepicker-border-color);width:100%}.ngxsmk-timezone-label{font-size:var(--datepicker-font-size-base);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap}.ngxsmk-timezone-selection ngxsmk-custom-select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:100%;min-width:280px;max-width:min(100vw - 32px,500px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);z-index:2147483647;margin:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed;inset:auto 0 0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);width:100%;max-width:100%;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed;inset:0;width:100%;max-width:100%;max-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,500px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 64px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:48px;min-height:0;max-height:48px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:85%;height:85%;min-width:30px;max-width:38px;min-height:30px;max-height:38px;font-size:var(--datepicker-font-size-base);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:11px;font-weight:700;padding:8px 0;width:100%;text-align:center;color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:0;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;margin:0 auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;padding:4px;margin-bottom:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;width:auto;gap:4px;min-width:0;display:flex}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:36px;min-height:36px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:36px;height:36px;padding:6px;min-height:36px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-select-display{padding:0 6px;font-size:13px;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-arrow-icon{width:12px;height:12px;margin-left:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;gap:2px;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0;padding-right:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection>*{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:12px;font-weight:600;color:var(--datepicker-text-color);white-space:nowrap;margin-right:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px;min-height:36px;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{width:100%;min-width:0;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:center;gap:8px 6px;overflow:visible;width:100%;min-width:0;max-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{flex-shrink:0;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;min-width:0;max-width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:600px)and (max-width:767px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:360px;max-width:min(90vw,550px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:20px;max-width:100%;width:100%;border-radius:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:16px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 18px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{width:100%;padding:16px 12px;margin-bottom:16px;gap:16px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:12px;font-size:15px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:15px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:22px;height:22px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:6px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:13px;font-weight:600;padding:12px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-size:15px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:12px;padding:20px 12px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:15px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:22px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:20px 12px 16px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:14px 24px;font-size:15px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:140px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:20px;padding:0 12px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:320px;max-width:340px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px);max-width:calc(50% - 12px);width:calc(50% - 12px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:16px;font-weight:600;padding:16px 12px;margin-bottom:16px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:12px;padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:14px 18px;font-size:15px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:16px 12px;margin-bottom:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:15px;padding:14px 18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:80px;padding:14px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:16px 12px;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:16px 12px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:15px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:18px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto;right:auto}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:400px;max-width:min(90vw,600px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px;max-width:min(95vw,900px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px;max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:24px;max-width:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:20px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;gap:12px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:14px 20px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:20px 16px;margin-bottom:20px;gap:20px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:14px;font-size:16px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:24px;height:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:8px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:600;padding:14px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:48px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:48px;max-height:none;font-size:16px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:14px;padding:24px 16px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:16px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:24px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:14px;padding:24px 16px 20px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:16px 28px;font-size:16px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:160px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:24px;padding:0 16px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:360px;max-width:380px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px);max-width:calc(50% - 14px);width:calc(50% - 14px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:17px;font-weight:600;padding:18px 16px;margin-bottom:18px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px);max-width:calc(33.333% - 19px);width:calc(33.333% - 19px)}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:14px;padding:20px 16px;grid-template-columns:repeat(5,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:16px 20px;font-size:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:20px 16px;margin-bottom:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:16px;padding:16px 20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:90px;padding:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:20px 16px;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:20px 16px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:16px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:20px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 14px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:16px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:12px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 16px;font-size:13px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{align-items:center;padding:12px 8px;margin-bottom:12px;gap:12px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:8px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:5px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:600;padding:10px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:10px;align-items:baseline;padding:16px 8px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:16px 8px 12px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 20px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:120px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:16px;padding:0 8px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:300px;max-width:320px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:15px;font-weight:600;padding:12px 8px;margin-bottom:12px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:10px;padding:12px 8px;grid-template-columns:repeat(3,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:12px 8px;margin-bottom:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{padding:12px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:70px;padding:12px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:12px 8px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:12px 8px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:16px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:375px)and (max-width:479px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:12px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:10px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 16px;font-size:13px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:10px 6px;margin-bottom:10px;gap:10px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:8px;font-size:13px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:13px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:6px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:11px;font-weight:600;padding:8px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:8px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:10px;padding:14px 6px 10px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 18px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 5px);-ms-flex:1 1 calc(50% - 5px);flex:1 1 calc(50% - 5px);min-width:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:14px;padding:0 6px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:280px;max-width:300px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-weight:600;padding:10px 6px;margin-bottom:10px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:8px;padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:10px 6px;margin-bottom:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:13px;padding:10px 14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:64px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:10px 6px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:10px 6px;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:13px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:15px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:374px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:13px;padding:8px 10px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:6px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px);min-width:280px;max-width:100%;max-height:calc(100dvh - 20px);position:fixed;inset:0;margin:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;border-radius:12px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:6px 4px;max-width:100%;width:100%;border-radius:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:8px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 14px;font-size:12px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:4px 6px 10px;margin-bottom:6px;gap:4px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:6px;font-size:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:40px;min-height:40px;font-size:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:4px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:8px;border-radius:8px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:18px;height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:3px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:10px;font-weight:600;padding:6px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:40px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:40px;max-height:none;font-size:13px;font-weight:500;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{display:flex;gap:8px;padding:12px 4px;margin-top:8px;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:center;align-items:center;overflow:visible;position:relative;z-index:100}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:600;flex-shrink:0;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px;min-width:70px;flex-shrink:0;position:relative;z-index:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:700;flex-shrink:0;padding:0 4px;line-height:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:8px;padding:12px 4px 8px;margin-top:0;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:stretch;position:relative;z-index:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 16px;font-size:13px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 4px);-ms-flex:1 1 calc(50% - 4px);flex:1 1 calc(50% - 4px);min-width:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:12px;padding:0 4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:260px;max-width:280px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:13px;font-weight:600;padding:8px 4px;margin-bottom:8px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:6px;padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:10px 12px;font-size:13px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:8px 4px;margin-bottom:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:12px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:60px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:8px 4px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:8px 4px;gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:12px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:991px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{position:relative;z-index:100;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{position:relative;z-index:1}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-inner-content{flex-direction:column}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--ion-color-primary, #6d28d9);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;background:#0006;z-index:var(--ngxsmk-z-backdrop);pointer-events:auto;transition:opacity .3s ease-out}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker,.ngxsmk-datepicker,.ngxsmk-datepicker-panel,.ngxsmk-datepicker-overlay,.ngxsmk-datepicker-dialog,.ngxsmk-datepicker-dropdown,.ngxsmk-datepicker-container,.ngxsmk-presets-drawer{--ngxsmk-transition: none !important;--ngxsmk-transition-duration: .01ms !important}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after,.ngxsmk-datepicker-panel *,.ngxsmk-datepicker-panel *:before,.ngxsmk-datepicker-panel *:after,.ngxsmk-datepicker-overlay *,.ngxsmk-datepicker-dialog *,.ngxsmk-datepicker-dropdown *,.ngxsmk-presets-drawer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}body.ngxsmk-scroll-locked{overflow:hidden!important;touch-action:none}.ngxsmk-day-cell.ngxsmk-other-month{opacity:.45;color:var(--datepicker-subtle-text-color)}.ngxsmk-ai-container{display:flex;flex-direction:column;gap:4px;margin:var(--datepicker-spacing-xs, 6px) var(--datepicker-spacing-sm, 10px) var(--datepicker-spacing-xs, 6px)}.ngxsmk-ai-bar{display:flex;align-items:center;gap:var(--datepicker-spacing-xs, 6px);padding:4px 8px;background:var(--datepicker-bg-color, #ffffff);border:1px solid var(--datepicker-border-color, #e2e8f0);border-radius:var(--datepicker-border-radius, 8px);box-shadow:0 1px 3px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.ngxsmk-popover-container.dark-theme .ngxsmk-ai-bar,.dark-theme .ngxsmk-ai-bar{background:var(--datepicker-bg-color, #1e293b);border-color:var(--datepicker-border-color, #334155);box-shadow:0 1px 3px #00000040}.ngxsmk-ai-bar:focus-within{border-color:var(--datepicker-primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.ngxsmk-ai-icon{display:flex;align-items:center;justify-content:center;color:var(--datepicker-primary-color, #3b82f6);flex-shrink:0}.ngxsmk-ai-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:var(--datepicker-font-size-sm, 13px);font-family:inherit;color:var(--datepicker-text-color, #1e293b);padding:4px 2px}.ngxsmk-popover-container.dark-theme .ngxsmk-ai-input,.dark-theme .ngxsmk-ai-input{color:var(--datepicker-text-color, #f8fafc)}.ngxsmk-ai-input::placeholder{color:var(--datepicker-subtle-text-color, #94a3b8)}.ngxsmk-ai-submit{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:var(--datepicker-primary-color, #3b82f6);color:#fff;border:none;border-radius:calc(var(--datepicker-border-radius, 8px) - 2px);cursor:pointer;transition:opacity .15s ease,transform .1s ease;flex-shrink:0}.ngxsmk-ai-submit:hover:not(:disabled){opacity:.9;transform:scale(1.03)}.ngxsmk-ai-submit:active:not(:disabled){transform:scale(.97)}.ngxsmk-ai-submit:disabled{opacity:.4;cursor:not-allowed}.ngxsmk-ai-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ngxsmk-ai-spin .6s linear infinite}@keyframes ngxsmk-ai-spin{to{transform:rotate(360deg)}}.ngxsmk-ai-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 2px}.ngxsmk-ai-chip{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-family:inherit;background:#3b82f614;color:var(--datepicker-primary-color, #3b82f6);border:1px solid rgba(59,130,246,.2);border-radius:12px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.ngxsmk-popover-container.dark-theme .ngxsmk-ai-chip,.dark-theme .ngxsmk-ai-chip{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.ngxsmk-ai-chip:hover:not(:disabled){background:#3b82f62e;border-color:var(--datepicker-primary-color, #3b82f6)}.ngxsmk-ai-chip:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgxsmkDatepickerInputComponent, selector: "ngxsmk-datepicker-input", inputs: ["isNative", "disabled", "classes", "nativeInputType", "formattedValue", "placeholder", "id", "name", "autocomplete", "required", "minDateNative", "maxDateNative", "ariaLabel", "ariaDescribedBy", "errorState", "clearAriaLabel", "clearLabel", "isCalendarOpen", "allowTyping", "typedInputValue", "displayValue", "showCalendarButton", "calendarAriaLabel", "validationErrorMessage"], outputs: ["nativeInputChange", "inputBlur", "clearValue", "toggleCalendar", "pointerDown", "pointerUp", "inputGroupFocus", "inputKeyDown", "inputChange", "inputFocus"] }, { kind: "component", type: NgxsmkDatepickerContentComponent, selector: "ngxsmk-datepicker-content", inputs: ["isCalendarVisible", "isCalendarOpen", "isInlineMode", "shouldAppendToBody", "theme", "popoverId", "classes", "timeOnly", "showTime", "isMobile", "mobileModalStyle", "align", "ariaLabel", "isCalendarOpening", "loadingMessage", "showRanges", "rangesArray", "mode", "disabled", "calendarCount", "calendarLayout", "syncScrollEnabled", "calendarMonths", "weekDays", "weekDaysFull", "showOtherMonths", "showWeekNumbers", "weekNumberLabel", "secondaryCalendar", "secondaryCalendarLocale", "selectedDate", "startDate", "endDate", "focusedDate", "today", "dateTemplate", "calendarViewMode", "monthOptions", "currentMonth", "yearOptions", "currentYear", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "yearGrid", "currentDecade", "decadeGrid", "timelineStartDate", "timelineEndDate", "timelineMonths", "minuteInterval", "startTimeSlider", "endTimeSlider", "timeRangeMode", "hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "showSeconds", "use24Hour", "startDisplayHour", "startMinute", "startSecond", "startIsPm", "endDisplayHour", "endMinute", "endSecond", "endIsPm", "clearAriaLabel", "clearLabel", "closeAriaLabel", "closeLabel", "translations", "selectedRange", "showTimezoneSelector", "timezoneOptions", "currentTimezone", "boundIsDateDisabled", "boundIsYearDisabled", "boundIsDecadeDisabled", "boundGetDayMetadata", "calendarHeaderTemplate", "calendarFooterTemplate", "boundIsSameDay", "boundIsHoliday", "boundIsMultipleSelected", "boundIsInRange", "boundIsInComparisonRange", "boundIsPreviewInRange", "boundGetAriaLabel", "boundGetDayCellCustomClasses", "boundGetDayCellTooltip", "boundFormatDayNumber", "getMonthYearLabel", "getCalendarAriaLabelForMonth", "isTimelineMonthSelected", "formatTimeSliderValue", "enableAi", "aiPlaceholder", "aiSuggestions", "showAiSuggestions", "isAiResolving"], outputs: ["timezoneChange", "backdropClick", "touchStartContainer", "touchMoveContainer", "touchEndContainer", "rangeSelect", "previousMonth", "nextMonth", "currentMonthChange", "currentYearChange", "dateClick", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd", "viewModeChange", "changeYear", "yearClick", "changeDecade", "decadeClick", "timelineZoomOut", "timelineZoomIn", "timelineMonthClick", "startTimeSliderChange", "endTimeSliderChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange", "timeChange", "startDisplayHourChange", "startMinuteChange", "startSecondChange", "startIsPmChange", "endDisplayHourChange", "endMinuteChange", "endSecondChange", "endIsPmChange", "timeRangeChange", "clearValue", "closeCalendar", "escapeKey", "containerKeyDown", "aiPromptSubmitted"] }, { kind: "component", type: NgxsmkDatepickerKeyboardHelpComponent, selector: "ngxsmk-datepicker-keyboard-help", inputs: ["title", "closeLabel", "backdropLabel"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, decorators: [{
             type: Component,
@@ -13882,242 +14317,249 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                         DatePipe,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.ngxsmk-inline]': 'isInlineMode',
-                    }, template: `
-    <div
-      class="ngxsmk-datepicker-wrapper"
-      [class.ngxsmk-inline-mode]="isInlineMode"
-      [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
-      [class.ngxsmk-append-to-body]="_shouldAppendToBody"
-      [class.ngxsmk-rtl]="isRtl"
-      [class.ngxsmk-native-picker]="shouldUseNativePicker()"
-      [class.ngxsmk-no-responsive]="!responsive"
-      [ngClass]="classes()?.wrapper"
-    >
-      @if (!isInlineMode) {
-        <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
-          <ngxsmk-datepicker-input
-            #datepickerInput
-            [isNative]="shouldUseNativePicker()"
-            [disabled]="disabled"
-            [classes]="classes()"
-            [nativeInputType]="getNativeInputType()"
-            [formattedValue]="formatValueForNativeInput(value)"
-            [placeholder]="placeholder"
-            [id]="inputId || _uniqueId"
-            [name]="name"
-            [autocomplete]="autocomplete"
-            [required]="required"
-            [minDateNative]="getMinDateForNativeInput()"
-            [maxDateNative]="getMaxDateForNativeInput()"
-            [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
-            [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
-            [errorState]="errorState"
-            [clearAriaLabel]="_clearAriaLabel"
-            [clearLabel]="_clearLabel"
-            [isCalendarOpen]="isCalendarOpen"
-            [allowTyping]="allowTyping"
-            [typedInputValue]="typedInputValue"
-            [displayValue]="displayValue"
-            [showCalendarButton]="showCalendarButton"
-            [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
-            [validationErrorMessage]="validationErrorMessage"
-            (nativeInputChange)="onNativeInputChange($event)"
-            (inputBlur)="onInputBlur($event)"
-            (clearValue)="clearValue($event)"
-            (toggleCalendar)="toggleCalendar($event)"
-            (pointerDown)="onPointerDown($event)"
-            (pointerUp)="onPointerUp($event)"
-            (inputGroupFocus)="onInputGroupFocus()"
-            (inputKeyDown)="onInputKeyDown($event)"
-            (inputChange)="onInputChange($event)"
-            (inputFocus)="onInputFocus($event)"
-          ></ngxsmk-datepicker-input>
-          @if (showNaturalLanguagePreview && naturalLanguagePreview) {
-            <div
-              class="ngxsmk-natural-language-preview"
-              style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;"
-            >
-              <ng-container
-                [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
-                [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
-              ></ng-container>
-            </div>
-          }
-        </div>
-      }
-
-      <ng-template #defaultPreviewTpl let-preview>
-        <div class="ngxsmk-natural-language-preview-content">
-          Resolved: <strong>{{ preview }}</strong>
-        </div>
-      </ng-template>
-
-      <ng-template #portalContent>
-        <ngxsmk-datepicker-content
-          #datepickerContent
-          [isCalendarVisible]="isCalendarVisible"
-          [isCalendarOpen]="_isCalendarOpen()"
-          [isInlineMode]="isInlineMode"
-          [shouldAppendToBody]="_shouldAppendToBody"
-          [theme]="theme"
-          [popoverId]="popoverId"
-          [classes]="classes()"
-          [timeOnly]="timeOnly"
-          [showTime]="showTime"
-          [isMobile]="isMobileDevice()"
-          [mobileModalStyle]="mobileModalStyle"
-          [align]="align"
-          [ariaLabel]="calendarAriaLabel()"
-          [isCalendarOpening]="isCalendarOpening"
-          [loadingMessage]="calendarLoadingMessage()"
-          [showRanges]="showRanges() || showPresets()"
-          [rangesArray]="rangesArray"
-          [selectedRange]="[startDate, endDate]"
-          [showTimezoneSelector]="showTimezoneSelector()"
-          [timezoneOptions]="getTimezoneOptions()"
-          [currentTimezone]="timezone || defaultTimezone"
-          [mode]="mode"
-          [disabled]="disabled"
-          [calendarCount]="calendarCount"
-          [calendarLayout]="calendarLayout"
-          [syncScrollEnabled]="syncScroll().enabled ?? false"
-          [calendarMonths]="renderedCalendars()"
-          [weekDays]="weekDays"
-          [weekDaysFull]="weekDaysFull"
-          [showOtherMonths]="showOtherMonths"
-          [showWeekNumbers]="showWeekNumbers"
-          [weekNumberLabel]="weekNumberLabel"
-          [secondaryCalendar]="secondaryCalendar"
-          [secondaryCalendarLocale]="locale"
-          [selectedDate]="selectedDate"
-          [startDate]="startDate"
-          [endDate]="endDate"
-          [focusedDate]="focusedDate"
-          [today]="today"
-          [dateTemplate]="dateTemplate()"
-          [calendarViewMode]="calendarViewMode"
-          [monthOptions]="monthOptions()"
-          [currentMonth]="_currentMonthSignal()"
-          [yearOptions]="yearOptions()"
-          [currentYear]="_currentYearSignal()"
-          [isBackArrowDisabled]="isBackArrowDisabled"
-          [prevMonthAriaLabel]="_prevMonthAriaLabel"
-          [nextMonthAriaLabel]="_nextMonthAriaLabel"
-          [yearGrid]="yearGrid"
-          [currentDecade]="_currentDecade"
-          [decadeGrid]="decadeGrid"
-          [timelineStartDate]="timelineStartDate"
-          [timelineEndDate]="timelineEndDate"
-          [timelineMonths]="timelineMonths"
-          [minuteInterval]="minuteInterval"
-          [startTimeSlider]="startTimeSlider"
-          [endTimeSlider]="endTimeSlider"
-          [timeRangeMode]="timeRangeMode()"
-          [hourOptions]="hourOptions"
-          [minuteOptions]="minuteOptions"
-          [secondOptions]="secondOptions"
-          [ampmOptions]="ampmOptions"
-          [currentDisplayHour]="currentDisplayHour"
-          [currentMinute]="currentMinute"
-          [currentSecond]="currentSecond"
-          [isPm]="isPm"
-          [showSeconds]="showSeconds"
-          [use24Hour]="use24Hour"
-          [startDisplayHour]="startDisplayHour"
-          [startMinute]="startMinute"
-          [startSecond]="startSecond"
-          [startIsPm]="startIsPm"
-          [endDisplayHour]="endDisplayHour"
-          [endMinute]="endMinute"
-          [endSecond]="endSecond"
-          [endIsPm]="endIsPm"
-          [clearAriaLabel]="_clearAriaLabel"
-          [clearLabel]="_clearLabel"
-          [closeAriaLabel]="_closeAriaLabel"
-          [closeLabel]="_closeLabel"
-          [translations]="_translations"
-          [boundIsDateDisabled]="boundIsDateDisabled"
-          [boundIsYearDisabled]="boundIsYearDisabled"
-          [boundIsDecadeDisabled]="boundIsDecadeDisabled"
-          [boundGetDayMetadata]="boundGetDayMetadata"
-          [calendarHeaderTemplate]="calendarHeaderTemplate"
-          [calendarFooterTemplate]="calendarFooterTemplate"
-          [boundIsSameDay]="boundIsSameDay"
-          [boundIsHoliday]="boundIsHoliday"
-          [boundIsMultipleSelected]="boundIsMultipleSelected"
-          [boundIsInRange]="boundIsInRange"
-          [boundIsInComparisonRange]="boundIsInComparisonRange"
-          [boundIsPreviewInRange]="boundIsPreviewInRange"
-          [boundGetAriaLabel]="boundGetAriaLabel"
-          [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
-          [boundGetDayCellTooltip]="boundGetDayCellTooltip"
-          [boundFormatDayNumber]="boundFormatDayNumber"
-          [getMonthYearLabel]="boundGetMonthYearLabel"
-          [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
-          [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
-          [formatTimeSliderValue]="boundFormatTimeSliderValue"
-          (backdropClick)="onBackdropInteract($event)"
-          (escapeKey)="onPopoverEscape($event)"
-          (touchStartContainer)="onBottomSheetTouchStart($event)"
-          (touchMoveContainer)="onBottomSheetTouchMove($event)"
-          (touchEndContainer)="onBottomSheetTouchEnd($event)"
-          (rangeSelect)="selectRange($event)"
-          (timezoneChange)="setTimezone($event)"
-          (previousMonth)="changeMonth(-1)"
-          (nextMonth)="changeMonth(1)"
-          (currentMonthChange)="currentMonth = $event"
-          (currentYearChange)="onYearSelectChange($event)"
-          (dateClick)="onDateClick($event)"
-          (dateHover)="onDateHover($event)"
-          (dateFocus)="onDateFocus($event)"
-          (swipeStart)="onCalendarSwipeStart($event)"
-          (swipeMove)="onCalendarSwipeMove($event)"
-          (swipeEnd)="onCalendarSwipeEnd($event)"
-          (touchStart)="onDateCellTouchStart($event.event, $event.day)"
-          (touchMove)="onDateCellTouchMove($event)"
-          (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
-          (viewModeChange)="onViewModeChange($event)"
-          (changeYear)="changeYear($event)"
-          (yearClick)="onYearClick($event)"
-          (changeDecade)="changeDecade($event)"
-          (decadeClick)="onDecadeClick($event)"
-          (timelineZoomOut)="timelineZoomOut()"
-          (timelineZoomIn)="timelineZoomIn()"
-          (timelineMonthClick)="onTimelineMonthClick($event)"
-          (startTimeSliderChange)="onStartTimeSliderChange($event)"
-          (endTimeSliderChange)="onEndTimeSliderChange($event)"
-          (currentDisplayHourChange)="currentDisplayHour = $event"
-          (currentMinuteChange)="currentMinute = $event"
-          (currentSecondChange)="currentSecond = $event"
-          (isPmChange)="isPm = $event"
-          (timeChange)="timeChange()"
-          (startDisplayHourChange)="startDisplayHour = $event"
-          (startMinuteChange)="startMinute = $event"
-          (startSecondChange)="startSecond = $event"
-          (startIsPmChange)="startIsPm = $event"
-          (endDisplayHourChange)="endDisplayHour = $event"
-          (endMinuteChange)="endMinute = $event"
-          (endSecondChange)="endSecond = $event"
-          (endIsPmChange)="endIsPm = $event"
-          (timeRangeChange)="timeRangeChange()"
-          (clearValue)="clearValue($event)"
-          (closeCalendar)="closeCalendarWithFocusRestore()"
-        ></ngxsmk-datepicker-content>
-      </ng-template>
-
-      @if (isCalendarVisible && !_shouldAppendToBody) {
-        <ng-container *ngTemplateOutlet="portalContent"></ng-container>
-      }
-      @if (isKeyboardHelpOpen) {
-        <ngxsmk-datepicker-keyboard-help
-          [title]="getTranslation('keyboardShortcuts')"
-          [closeLabel]="getTranslation('close')"
-          [backdropLabel]="getTranslation('closeCalendarOverlay')"
-          (closeRequested)="toggleKeyboardHelp()"
-        />
-      }
-    </div>
-  `, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-comparison-range-color: #f59e0b;--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)){display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)):has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:var(--datepicker-z-index-backdrop);background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive):not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none;visibility:hidden;opacity:0;pointer-events:none}body:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto;contain:none;clip-path:none;clip:auto;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:visible;opacity:1;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2147483647;pointer-events:none;width:calc(100% - 12px);min-width:280px;max-width:480px;max-height:calc(100vh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;margin:0;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0;transform:none;width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;margin:0;-webkit-animation:fadeInScale .2s ease-out;-moz-animation:fadeInScale .2s ease-out;animation:fadeInScale .2s ease-out}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;width:100%;gap:4px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-height:44px;padding:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{height:44px;min-height:44px;box-sizing:border-box;padding:10px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:2px;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:13px;width:100%}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-ranges-container li.ngxsmk-preset-active{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);font-weight:700}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-days-grid.ngxsmk-with-week-numbers{grid-template-columns:minmax(1.5em,auto) repeat(7,1fr)}.ngxsmk-week-number,.ngxsmk-week-number-header{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.ngxsmk-day-cell:has(.ngxsmk-day-secondary),.ngxsmk-day-cell:has(.ngxsmk-day-meta-label){-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-day-meta-label{font-size:.6em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngxsmk-day-indicator{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;pointer-events:none}.ngxsmk-day-secondary{font-size:.62em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:40px;min-height:40px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.in-comparison-range{position:relative}.ngxsmk-day-cell.in-comparison-range:after{content:\"\";position:absolute;right:2px;bottom:2px;left:2px;height:2px;border-radius:1px;background-color:var(--datepicker-comparison-range-color, #f59e0b);pointer-events:none;z-index:3}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.disabled.in-range .ngxsmk-day-number,.ngxsmk-day-cell.disabled.preview-range .ngxsmk-day-number{text-decoration:line-through;text-decoration-color:var(--datepicker-error-color, #ef4444);text-decoration-thickness:2px}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-timezone-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-md);padding-top:var(--datepicker-spacing-md);border-top:1px solid var(--datepicker-border-color);width:100%}.ngxsmk-timezone-label{font-size:var(--datepicker-font-size-base);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap}.ngxsmk-timezone-selection ngxsmk-custom-select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:100%;min-width:280px;max-width:min(100vw - 32px,500px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);z-index:2147483647;margin:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed;inset:auto 0 0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);width:100%;max-width:100%;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed;inset:0;width:100%;max-width:100%;max-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,500px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 64px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:48px;min-height:0;max-height:48px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:85%;height:85%;min-width:30px;max-width:38px;min-height:30px;max-height:38px;font-size:var(--datepicker-font-size-base);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:11px;font-weight:700;padding:8px 0;width:100%;text-align:center;color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:0;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;margin:0 auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;padding:4px;margin-bottom:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;width:auto;gap:4px;min-width:0;display:flex}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:36px;min-height:36px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:36px;height:36px;padding:6px;min-height:36px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-select-display{padding:0 6px;font-size:13px;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-arrow-icon{width:12px;height:12px;margin-left:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;gap:2px;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0;padding-right:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection>*{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:12px;font-weight:600;color:var(--datepicker-text-color);white-space:nowrap;margin-right:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px;min-height:36px;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{width:100%;min-width:0;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:center;gap:8px 6px;overflow:visible;width:100%;min-width:0;max-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{flex-shrink:0;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;min-width:0;max-width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:600px)and (max-width:767px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:360px;max-width:min(90vw,550px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:20px;max-width:100%;width:100%;border-radius:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:16px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 18px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{width:100%;padding:16px 12px;margin-bottom:16px;gap:16px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:12px;font-size:15px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:15px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:22px;height:22px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:6px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:13px;font-weight:600;padding:12px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-size:15px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:12px;padding:20px 12px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:15px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:22px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:20px 12px 16px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:14px 24px;font-size:15px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:140px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:20px;padding:0 12px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:320px;max-width:340px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px);max-width:calc(50% - 12px);width:calc(50% - 12px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:16px;font-weight:600;padding:16px 12px;margin-bottom:16px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:12px;padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:14px 18px;font-size:15px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:16px 12px;margin-bottom:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:15px;padding:14px 18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:80px;padding:14px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:16px 12px;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:16px 12px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:15px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:18px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto;right:auto}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:400px;max-width:min(90vw,600px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px;max-width:min(95vw,900px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px;max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:24px;max-width:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:20px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;gap:12px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:14px 20px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:20px 16px;margin-bottom:20px;gap:20px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:14px;font-size:16px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:24px;height:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:8px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:600;padding:14px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:48px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:48px;max-height:none;font-size:16px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:14px;padding:24px 16px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:16px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:24px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:14px;padding:24px 16px 20px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:16px 28px;font-size:16px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:160px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:24px;padding:0 16px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:360px;max-width:380px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px);max-width:calc(50% - 14px);width:calc(50% - 14px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:17px;font-weight:600;padding:18px 16px;margin-bottom:18px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px);max-width:calc(33.333% - 19px);width:calc(33.333% - 19px)}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:14px;padding:20px 16px;grid-template-columns:repeat(5,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:16px 20px;font-size:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:20px 16px;margin-bottom:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:16px;padding:16px 20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:90px;padding:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:20px 16px;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:20px 16px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:16px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:20px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 14px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:16px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:12px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 16px;font-size:13px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{align-items:center;padding:12px 8px;margin-bottom:12px;gap:12px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:8px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:5px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:600;padding:10px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:10px;align-items:baseline;padding:16px 8px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:16px 8px 12px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 20px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:120px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:16px;padding:0 8px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:300px;max-width:320px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:15px;font-weight:600;padding:12px 8px;margin-bottom:12px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:10px;padding:12px 8px;grid-template-columns:repeat(3,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:12px 8px;margin-bottom:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{padding:12px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:70px;padding:12px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:12px 8px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:12px 8px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:16px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:375px)and (max-width:479px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:12px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:10px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 16px;font-size:13px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:10px 6px;margin-bottom:10px;gap:10px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:8px;font-size:13px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:13px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:6px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:11px;font-weight:600;padding:8px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:8px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:10px;padding:14px 6px 10px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 18px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 5px);-ms-flex:1 1 calc(50% - 5px);flex:1 1 calc(50% - 5px);min-width:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:14px;padding:0 6px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:280px;max-width:300px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-weight:600;padding:10px 6px;margin-bottom:10px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:8px;padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:10px 6px;margin-bottom:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:13px;padding:10px 14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:64px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:10px 6px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:10px 6px;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:13px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:15px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:374px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:13px;padding:8px 10px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:6px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px);min-width:280px;max-width:100%;max-height:calc(100dvh - 20px);position:fixed;inset:0;margin:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;border-radius:12px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:6px 4px;max-width:100%;width:100%;border-radius:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:8px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 14px;font-size:12px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:4px 6px 10px;margin-bottom:6px;gap:4px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:6px;font-size:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:40px;min-height:40px;font-size:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:4px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:8px;border-radius:8px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:18px;height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:3px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:10px;font-weight:600;padding:6px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:40px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:40px;max-height:none;font-size:13px;font-weight:500;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{display:flex;gap:8px;padding:12px 4px;margin-top:8px;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:center;align-items:center;overflow:visible;position:relative;z-index:100}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:600;flex-shrink:0;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px;min-width:70px;flex-shrink:0;position:relative;z-index:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:700;flex-shrink:0;padding:0 4px;line-height:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:8px;padding:12px 4px 8px;margin-top:0;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:stretch;position:relative;z-index:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 16px;font-size:13px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 4px);-ms-flex:1 1 calc(50% - 4px);flex:1 1 calc(50% - 4px);min-width:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:12px;padding:0 4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:260px;max-width:280px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:13px;font-weight:600;padding:8px 4px;margin-bottom:8px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:6px;padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:10px 12px;font-size:13px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:8px 4px;margin-bottom:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:12px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:60px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:8px 4px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:8px 4px;gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:12px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:991px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{position:relative;z-index:100;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{position:relative;z-index:1}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-inner-content{flex-direction:column}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--ion-color-primary, #6d28d9);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;background:#0006;z-index:var(--ngxsmk-z-backdrop);pointer-events:auto;transition:opacity .3s ease-out}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker,.ngxsmk-datepicker,.ngxsmk-datepicker-panel,.ngxsmk-datepicker-overlay,.ngxsmk-datepicker-dialog,.ngxsmk-datepicker-dropdown,.ngxsmk-datepicker-container,.ngxsmk-presets-drawer{--ngxsmk-transition: none !important;--ngxsmk-transition-duration: .01ms !important}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after,.ngxsmk-datepicker-panel *,.ngxsmk-datepicker-panel *:before,.ngxsmk-datepicker-panel *:after,.ngxsmk-datepicker-overlay *,.ngxsmk-datepicker-dialog *,.ngxsmk-datepicker-dropdown *,.ngxsmk-presets-drawer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}body.ngxsmk-scroll-locked{overflow:hidden!important;touch-action:none}.ngxsmk-day-cell.ngxsmk-other-month{opacity:.45;color:var(--datepicker-subtle-text-color)}\n"] }]
+                    }, template: `
+    <div
+      class="ngxsmk-datepicker-wrapper"
+      [class.ngxsmk-inline-mode]="isInlineMode"
+      [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
+      [class.ngxsmk-append-to-body]="_shouldAppendToBody"
+      [class.ngxsmk-rtl]="isRtl"
+      [class.ngxsmk-native-picker]="shouldUseNativePicker()"
+      [class.ngxsmk-no-responsive]="!responsive"
+      [ngClass]="classes()?.wrapper"
+    >
+      @if (!isInlineMode) {
+        <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
+          <ngxsmk-datepicker-input
+            #datepickerInput
+            [isNative]="shouldUseNativePicker()"
+            [disabled]="disabled"
+            [classes]="classes()"
+            [nativeInputType]="getNativeInputType()"
+            [formattedValue]="formatValueForNativeInput(value)"
+            [placeholder]="placeholder"
+            [id]="inputId || _uniqueId"
+            [name]="name"
+            [autocomplete]="autocomplete"
+            [required]="required"
+            [minDateNative]="getMinDateForNativeInput()"
+            [maxDateNative]="getMaxDateForNativeInput()"
+            [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
+            [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
+            [errorState]="errorState"
+            [clearAriaLabel]="_clearAriaLabel"
+            [clearLabel]="_clearLabel"
+            [isCalendarOpen]="isCalendarOpen"
+            [allowTyping]="allowTyping"
+            [typedInputValue]="typedInputValue"
+            [displayValue]="displayValue"
+            [showCalendarButton]="showCalendarButton"
+            [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
+            [validationErrorMessage]="validationErrorMessage"
+            (nativeInputChange)="onNativeInputChange($event)"
+            (inputBlur)="onInputBlur($event)"
+            (clearValue)="clearValue($event)"
+            (toggleCalendar)="toggleCalendar($event)"
+            (pointerDown)="onPointerDown($event)"
+            (pointerUp)="onPointerUp($event)"
+            (inputGroupFocus)="onInputGroupFocus()"
+            (inputKeyDown)="onInputKeyDown($event)"
+            (inputChange)="onInputChange($event)"
+            (inputFocus)="onInputFocus($event)"
+          ></ngxsmk-datepicker-input>
+          @if (showNaturalLanguagePreview && naturalLanguagePreview) {
+            <div
+              class="ngxsmk-natural-language-preview"
+              style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;"
+            >
+              <ng-container
+                [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
+                [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
+              ></ng-container>
+            </div>
+          }
+        </div>
+      }
+
+      <ng-template #defaultPreviewTpl let-preview>
+        <div class="ngxsmk-natural-language-preview-content">
+          Resolved: <strong>{{ preview }}</strong>
+        </div>
+      </ng-template>
+
+      <ng-template #portalContent>
+        <ngxsmk-datepicker-content
+          #datepickerContent
+          [isCalendarVisible]="isCalendarVisible"
+          [isCalendarOpen]="_isCalendarOpen()"
+          [isInlineMode]="isInlineMode"
+          [shouldAppendToBody]="_shouldAppendToBody"
+          [theme]="theme"
+          [popoverId]="popoverId"
+          [classes]="classes()"
+          [timeOnly]="timeOnly"
+          [showTime]="showTime"
+          [isMobile]="isMobileDevice()"
+          [mobileModalStyle]="mobileModalStyle"
+          [align]="align"
+          [ariaLabel]="calendarAriaLabel()"
+          [isCalendarOpening]="isCalendarOpening"
+          [loadingMessage]="calendarLoadingMessage()"
+          [showRanges]="showRanges() || showPresets()"
+          [rangesArray]="rangesArray"
+          [selectedRange]="[startDate, endDate]"
+          [showTimezoneSelector]="showTimezoneSelector()"
+          [timezoneOptions]="getTimezoneOptions()"
+          [currentTimezone]="timezone || defaultTimezone"
+          [mode]="mode"
+          [disabled]="disabled"
+          [calendarCount]="calendarCount"
+          [calendarLayout]="calendarLayout"
+          [syncScrollEnabled]="syncScroll().enabled ?? false"
+          [calendarMonths]="renderedCalendars()"
+          [weekDays]="weekDays"
+          [weekDaysFull]="weekDaysFull"
+          [showOtherMonths]="showOtherMonths"
+          [showWeekNumbers]="showWeekNumbers"
+          [weekNumberLabel]="weekNumberLabel"
+          [secondaryCalendar]="secondaryCalendar"
+          [secondaryCalendarLocale]="locale"
+          [selectedDate]="selectedDate"
+          [startDate]="startDate"
+          [endDate]="endDate"
+          [focusedDate]="focusedDate"
+          [today]="today"
+          [dateTemplate]="dateTemplate()"
+          [calendarViewMode]="calendarViewMode"
+          [monthOptions]="monthOptions()"
+          [currentMonth]="_currentMonthSignal()"
+          [yearOptions]="yearOptions()"
+          [currentYear]="_currentYearSignal()"
+          [isBackArrowDisabled]="isBackArrowDisabled"
+          [prevMonthAriaLabel]="_prevMonthAriaLabel"
+          [nextMonthAriaLabel]="_nextMonthAriaLabel"
+          [yearGrid]="yearGrid"
+          [currentDecade]="_currentDecade"
+          [decadeGrid]="decadeGrid"
+          [timelineStartDate]="timelineStartDate"
+          [timelineEndDate]="timelineEndDate"
+          [timelineMonths]="timelineMonths"
+          [minuteInterval]="minuteInterval"
+          [startTimeSlider]="startTimeSlider"
+          [endTimeSlider]="endTimeSlider"
+          [timeRangeMode]="timeRangeMode()"
+          [hourOptions]="hourOptions"
+          [minuteOptions]="minuteOptions"
+          [secondOptions]="secondOptions"
+          [ampmOptions]="ampmOptions"
+          [currentDisplayHour]="currentDisplayHour"
+          [currentMinute]="currentMinute"
+          [currentSecond]="currentSecond"
+          [isPm]="isPm"
+          [showSeconds]="showSeconds"
+          [use24Hour]="use24Hour"
+          [startDisplayHour]="startDisplayHour"
+          [startMinute]="startMinute"
+          [startSecond]="startSecond"
+          [startIsPm]="startIsPm"
+          [endDisplayHour]="endDisplayHour"
+          [endMinute]="endMinute"
+          [endSecond]="endSecond"
+          [endIsPm]="endIsPm"
+          [clearAriaLabel]="_clearAriaLabel"
+          [clearLabel]="_clearLabel"
+          [closeAriaLabel]="_closeAriaLabel"
+          [closeLabel]="_closeLabel"
+          [translations]="_translations"
+          [boundIsDateDisabled]="boundIsDateDisabled"
+          [boundIsYearDisabled]="boundIsYearDisabled"
+          [boundIsDecadeDisabled]="boundIsDecadeDisabled"
+          [boundGetDayMetadata]="boundGetDayMetadata"
+          [calendarHeaderTemplate]="calendarHeaderTemplate"
+          [calendarFooterTemplate]="calendarFooterTemplate"
+          [enableAi]="enableAi"
+          [aiPlaceholder]="aiPlaceholder"
+          [aiSuggestions]="aiSuggestions"
+          [showAiSuggestions]="showAiSuggestions"
+          [isAiResolving]="isAiResolving"
+          (aiPromptSubmitted)="onAiPromptSubmitted($event)"
+          [boundIsSameDay]="boundIsSameDay"
+          [boundIsHoliday]="boundIsHoliday"
+          [boundIsMultipleSelected]="boundIsMultipleSelected"
+          [boundIsInRange]="boundIsInRange"
+          [boundIsInComparisonRange]="boundIsInComparisonRange"
+          [boundIsPreviewInRange]="boundIsPreviewInRange"
+          [boundGetAriaLabel]="boundGetAriaLabel"
+          [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
+          [boundGetDayCellTooltip]="boundGetDayCellTooltip"
+          [boundFormatDayNumber]="boundFormatDayNumber"
+          [getMonthYearLabel]="boundGetMonthYearLabel"
+          [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
+          [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
+          [formatTimeSliderValue]="boundFormatTimeSliderValue"
+          (backdropClick)="onBackdropInteract($event)"
+          (escapeKey)="onPopoverEscape($event)"
+          (containerKeyDown)="onKeyDown($event)"
+          (touchStartContainer)="onBottomSheetTouchStart($event)"
+          (touchMoveContainer)="onBottomSheetTouchMove($event)"
+          (touchEndContainer)="onBottomSheetTouchEnd($event)"
+          (rangeSelect)="selectRange($event)"
+          (timezoneChange)="setTimezone($event)"
+          (previousMonth)="changeMonth(-1)"
+          (nextMonth)="changeMonth(1)"
+          (currentMonthChange)="currentMonth = $event"
+          (currentYearChange)="onYearSelectChange($event)"
+          (dateClick)="onDateClick($event)"
+          (dateHover)="onDateHover($event)"
+          (dateFocus)="onDateFocus($event)"
+          (swipeStart)="onCalendarSwipeStart($event)"
+          (swipeMove)="onCalendarSwipeMove($event)"
+          (swipeEnd)="onCalendarSwipeEnd($event)"
+          (touchStart)="onDateCellTouchStart($event.event, $event.day)"
+          (touchMove)="onDateCellTouchMove($event)"
+          (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
+          (viewModeChange)="onViewModeChange($event)"
+          (changeYear)="changeYear($event)"
+          (yearClick)="onYearClick($event)"
+          (changeDecade)="changeDecade($event)"
+          (decadeClick)="onDecadeClick($event)"
+          (timelineZoomOut)="timelineZoomOut()"
+          (timelineZoomIn)="timelineZoomIn()"
+          (timelineMonthClick)="onTimelineMonthClick($event)"
+          (startTimeSliderChange)="onStartTimeSliderChange($event)"
+          (endTimeSliderChange)="onEndTimeSliderChange($event)"
+          (currentDisplayHourChange)="currentDisplayHour = $event"
+          (currentMinuteChange)="currentMinute = $event"
+          (currentSecondChange)="currentSecond = $event"
+          (isPmChange)="isPm = $event"
+          (timeChange)="timeChange()"
+          (startDisplayHourChange)="startDisplayHour = $event"
+          (startMinuteChange)="startMinute = $event"
+          (startSecondChange)="startSecond = $event"
+          (startIsPmChange)="startIsPm = $event"
+          (endDisplayHourChange)="endDisplayHour = $event"
+          (endMinuteChange)="endMinute = $event"
+          (endSecondChange)="endSecond = $event"
+          (endIsPmChange)="endIsPm = $event"
+          (timeRangeChange)="timeRangeChange()"
+          (clearValue)="clearValue($event)"
+          (closeCalendar)="closeCalendarWithFocusRestore()"
+        ></ngxsmk-datepicker-content>
+      </ng-template>
+
+      @if (isCalendarVisible && !_shouldAppendToBody) {
+        <ng-container *ngTemplateOutlet="portalContent"></ng-container>
+      }
+      @if (isKeyboardHelpOpen) {
+        <ngxsmk-datepicker-keyboard-help
+          [title]="getTranslation('keyboardShortcuts')"
+          [closeLabel]="getTranslation('close')"
+          [backdropLabel]="getTranslation('closeCalendarOverlay')"
+          (closeRequested)="toggleKeyboardHelp()"
+        />
+      }
+    </div>
+  `, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-comparison-range-color: #f59e0b;--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)){display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:not(:has(.ngxsmk-no-responsive)):has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:var(--datepicker-z-index-backdrop);background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive):not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none;visibility:hidden;opacity:0;pointer-events:none}body:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto;contain:none;clip-path:none;clip:auto;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;visibility:visible;opacity:1;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2147483647;pointer-events:none;width:calc(100% - 12px);min-width:280px;max-width:480px;max-height:calc(100vh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow:hidden}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive).ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0;transform:none;width:100%;max-width:100%;border-radius:20px 20px 0 0;margin:0;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0;transform:none;width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0;margin:0;-webkit-animation:fadeInScale .2s ease-out;-moz-animation:fadeInScale .2s ease-out;animation:fadeInScale .2s ease-out}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;width:100%;gap:4px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-height:44px;padding:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{height:44px;min-height:44px;box-sizing:border-box;padding:10px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:2px;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:13px;width:100%}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-ranges-container li.ngxsmk-preset-active{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);font-weight:700}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-days-grid.ngxsmk-with-week-numbers{grid-template-columns:minmax(1.5em,auto) repeat(7,1fr)}.ngxsmk-week-number,.ngxsmk-week-number-header{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.ngxsmk-day-cell:has(.ngxsmk-day-secondary),.ngxsmk-day-cell:has(.ngxsmk-day-meta-label){-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-day-meta-label{font-size:.6em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ngxsmk-day-indicator{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;pointer-events:none}.ngxsmk-day-secondary{font-size:.62em;line-height:1;color:var(--datepicker-subtle-text-color);margin-top:1px}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:40px;min-height:40px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.in-comparison-range{position:relative}.ngxsmk-day-cell.in-comparison-range:after{content:\"\";position:absolute;right:2px;bottom:2px;left:2px;height:2px;border-radius:1px;background-color:var(--datepicker-comparison-range-color, #f59e0b);pointer-events:none;z-index:3}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.disabled.in-range .ngxsmk-day-number,.ngxsmk-day-cell.disabled.preview-range .ngxsmk-day-number{text-decoration:line-through;text-decoration-color:var(--datepicker-error-color, #ef4444);text-decoration-thickness:2px}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-timezone-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-md);padding-top:var(--datepicker-spacing-md);border-top:1px solid var(--datepicker-border-color);width:100%}.ngxsmk-timezone-label{font-size:var(--datepicker-font-size-base);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap}.ngxsmk-timezone-selection ngxsmk-custom-select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:100%;min-width:280px;max-width:min(100vw - 32px,500px);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);z-index:2147483647;margin:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed;inset:auto 0 0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);width:100%;max-width:100%;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed;inset:0;width:100%;max-width:100%;max-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:0;margin:0;z-index:2147483647;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;display:block;visibility:visible;opacity:1;will-change:transform,opacity}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,500px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 64px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:280px;max-width:min(100vw - 32px,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-button{display:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:48px;min-height:0;max-height:48px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:85%;height:85%;min-width:30px;max-width:38px;min-height:30px;max-height:38px;font-size:var(--datepicker-font-size-base);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{font-size:11px;font-weight:700;padding:8px 0;width:100%;text-align:center;color:var(--datepicker-subtle-text-color);display:flex;align-items:center;justify-content:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:0;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:100%;margin:0 auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{display:flex;padding:4px;margin-bottom:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;width:auto;gap:4px;min-width:0;display:flex}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;display:flex;gap:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container{height:36px;min-height:36px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:36px;height:36px;padding:6px;min-height:36px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-select-display{padding:0 6px;font-size:13px;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-arrow-icon{width:12px;height:12px;margin-left:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;max-width:100%;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;gap:2px;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0;padding-right:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection>*{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:12px;font-weight:600;color:var(--datepicker-text-color);white-space:nowrap;margin-right:2px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer>*{margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px;min-height:36px;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{width:100%;min-width:0;max-width:100%;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:center;gap:8px 6px;overflow:visible;width:100%;min-width:0;max-width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{flex-shrink:0;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{width:100%;min-width:0;max-width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:600px)and (max-width:767px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:360px;max-width:min(90vw,550px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:20px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible;overflow-y:visible;max-height:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block;visibility:visible;opacity:1;pointer-events:none}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none;visibility:hidden;opacity:0;pointer-events:none}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:20px;max-width:100%;width:100%;border-radius:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:16px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 18px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{width:100%;padding:16px 12px;margin-bottom:16px;gap:16px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:12px;font-size:15px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:15px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:22px;height:22px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:6px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:13px;font-weight:600;padding:12px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-size:15px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:12px;padding:20px 12px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:15px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:22px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:20px 12px 16px;margin-top:16px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:14px 24px;font-size:15px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:140px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:20px;padding:0 12px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:320px;max-width:340px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px);max-width:calc(50% - 12px);width:calc(50% - 12px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:16px;font-weight:600;padding:16px 12px;margin-bottom:16px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:12px;padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:14px 18px;font-size:15px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:16px 12px;margin-bottom:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:15px;padding:14px 18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:80px;padding:14px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:16px 12px;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:16px 12px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:15px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:18px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:16px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto;right:auto}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:15px;padding:12px 16px;min-height:44px;line-height:1.5}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:400px;max-width:min(90vw,600px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch;z-index:2147483647}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px;max-width:min(95vw,900px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px;max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:24px;max-width:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px;overflow:visible;overflow-y:visible;max-height:none;-webkit-overflow-scrolling:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:20px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;gap:12px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:14px 20px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:20px 16px;margin-bottom:20px;gap:20px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:14px;font-size:16px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:12px;border-radius:12px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:24px;height:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:8px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:600;padding:14px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:48px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:48px;max-height:none;font-size:16px;font-weight:500;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:14px;padding:24px 16px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:16px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:24px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:14px;padding:24px 16px 20px;margin-top:20px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:16px 28px;font-size:16px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:160px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:28px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:24px;padding:0 16px;scroll-snap-type:x mandatory;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:360px;max-width:380px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px);max-width:calc(50% - 14px);width:calc(50% - 14px);flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:17px;font-weight:600;padding:18px 16px;margin-bottom:18px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px);overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:nowrap}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px);max-width:calc(33.333% - 19px);width:calc(33.333% - 19px)}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:14px;padding:20px 16px;grid-template-columns:repeat(5,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:16px 20px;font-size:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:20px 16px;margin-bottom:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:12px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:16px;padding:16px 20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:90px;padding:16px;border-radius:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:20px 16px;gap:24px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:20px 16px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:16px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:20px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:20px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 14px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:10px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:16px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:12px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible;overflow-y:visible;padding-bottom:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:12px 16px;font-size:13px;line-height:1.4;min-height:44px;white-space:nowrap;text-align:center;border-radius:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{align-items:center;padding:12px 8px;margin-bottom:12px;gap:12px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:10px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:8px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:5px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:12px;font-weight:600;padding:10px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:10px;align-items:baseline;padding:16px 8px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:visible;overflow-y:hidden}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:20px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:12px;padding:16px 8px 12px;margin-top:12px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 20px;font-weight:500;min-height:44px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:120px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:16px;padding:0 8px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:300px;max-width:320px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:15px;font-weight:600;padding:12px 8px;margin-bottom:12px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:10px;padding:12px 8px;grid-template-columns:repeat(3,1fr)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:12px 8px;margin-bottom:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{padding:12px 16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:70px;padding:12px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:12px 8px;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:12px 8px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:16px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:12px 8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(min-width:375px)and (max-width:479px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:8px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);position:fixed;inset:50% auto auto 50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:16px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:12px;max-width:100%;width:100%;border-radius:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:10px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:wrap;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 16px;font-size:13px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:10px 6px;margin-bottom:10px;gap:10px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:8px;font-size:13px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:44px;min-height:44px;font-size:13px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:6px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:10px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:4px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:11px;font-weight:600;padding:8px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:44px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;max-height:none;font-weight:500;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{gap:8px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:500;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:10px;padding:14px 6px 10px;margin-top:10px;border-top:1px solid var(--datepicker-border-color);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 18px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 5px);-ms-flex:1 1 calc(50% - 5px);flex:1 1 calc(50% - 5px);min-width:0;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:14px;padding:0 6px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:280px;max-width:300px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-weight:600;padding:10px 6px;margin-bottom:10px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:8px;padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:12px 16px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:10px 6px;margin-bottom:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:13px;padding:10px 14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:64px;padding:10px;border-radius:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:10px 6px;gap:14px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:10px 6px;gap:10px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:13px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-size:15px;font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:10px 6px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:374px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input{font-size:13px;padding:8px 10px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input::placeholder{font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-display-input:not(:placeholder-shown){font-size:13px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button{padding:8px;margin-right:6px;min-width:44px;min-height:44px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button svg{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px);min-width:280px;max-width:100%;max-height:calc(100dvh - 20px);position:fixed;inset:0;margin:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;border-radius:12px;padding:0;overflow-y:auto;overflow-x:visible;-webkit-overflow-scrolling:touch}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-container{padding:0;width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container{padding:6px 4px;max-width:100%;width:100%;border-radius:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container{padding:8px;width:100%;max-width:100%;margin-bottom:0;border-radius:0;border-bottom:1px solid var(--datepicker-border-color);background:var(--datepicker-background);order:-1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container ul{flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-ranges-container li{padding:10px 14px;font-size:12px;line-height:1.4;flex-shrink:0;white-space:nowrap;min-height:44px;scroll-snap-align:start;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-header{padding:4px 6px 10px;margin-bottom:6px;gap:4px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:1px solid var(--datepicker-border-color);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;align-items:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects{gap:6px;font-size:12px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-month-year-selects ngxsmk-custom-select{height:40px;min-height:40px;font-size:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-buttons{gap:4px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:8px;border-radius:8px;box-sizing:border-box}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-nav-button svg{width:18px;height:18px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:0;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-days-grid{gap:3px;width:100%;max-width:100%;padding:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-name{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-size:10px;font-weight:600;padding:6px 0;text-align:center;color:var(--datepicker-subtle-text-color)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-cell{width:auto;min-width:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;aspect-ratio:1;min-height:40px;max-height:none;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:100%;min-height:40px;max-height:none;font-size:13px;font-weight:500;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{display:flex;gap:8px;padding:12px 4px;margin-top:8px;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:center;align-items:center;overflow:visible;position:relative;z-index:100}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-label{font-size:13px;font-weight:600;flex-shrink:0;margin:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px;min-width:70px;flex-shrink:0;position:relative;z-index:auto}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-separator{font-size:18px;font-weight:700;flex-shrink:0;padding:0 4px;line-height:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{gap:8px;padding:12px 4px 8px;margin-top:0;border-top:1px solid var(--datepicker-border-color);flex-wrap:nowrap;justify-content:stretch;position:relative;z-index:1}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-clear-button-footer,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-close-button{padding:12px 16px;font-size:13px;font-weight:500;min-height:44px;-webkit-box-flex:1;-webkit-flex:1 1 calc(50% - 4px);-ms-flex:1 1 calc(50% - 4px);flex:1 1 calc(50% - 4px);min-width:0;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container{width:100%;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column;gap:16px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:12px;padding:0 4px;scroll-snap-type:x mandatory}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start;min-width:260px;max-width:280px;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%;max-width:100%;width:100%;flex-shrink:0}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-month-header{font-size:13px;font-weight:600;padding:8px 4px;margin-bottom:8px;text-align:center}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px;max-width:100%;width:100%;overflow-x:visible;overflow-y:visible;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw;overflow-x:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-grid,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-grid{gap:6px;padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-year-cell,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-decade-cell{min-height:44px;padding:10px 12px;font-size:13px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-view{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-header{padding:8px 4px;margin-bottom:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-controls{gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-out,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-zoom-in{min-width:44px;min-height:44px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-range{font-size:12px;padding:8px 12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-timeline-month{min-height:60px;padding:8px;border-radius:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-view{padding:8px 4px;gap:12px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-header{padding:8px 4px;gap:8px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-label{font-size:12px;font-weight:500}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-value{font-weight:600}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider-container{padding:8px 4px}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-slider{width:100%;height:44px}}@media(max-width:991px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection{position:relative;z-index:100;overflow:visible}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001;top:auto;bottom:calc(100% + 4px);transform-origin:bottom center;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000}.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-footer{position:relative;z-index:1}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-datepicker-inner-content{flex-direction:column}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--ion-color-primary, #6d28d9);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block;visibility:visible;opacity:1;position:fixed;inset:0;background:#0006;z-index:var(--ngxsmk-z-backdrop);pointer-events:auto;transition:opacity .3s ease-out}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker,.ngxsmk-datepicker,.ngxsmk-datepicker-panel,.ngxsmk-datepicker-overlay,.ngxsmk-datepicker-dialog,.ngxsmk-datepicker-dropdown,.ngxsmk-datepicker-container,.ngxsmk-presets-drawer{--ngxsmk-transition: none !important;--ngxsmk-transition-duration: .01ms !important}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after,.ngxsmk-datepicker-panel *,.ngxsmk-datepicker-panel *:before,.ngxsmk-datepicker-panel *:after,.ngxsmk-datepicker-overlay *,.ngxsmk-datepicker-dialog *,.ngxsmk-datepicker-dropdown *,.ngxsmk-presets-drawer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-datepicker-wrapper:not(.ngxsmk-no-responsive) .ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}body.ngxsmk-scroll-locked{overflow:hidden!important;touch-action:none}.ngxsmk-day-cell.ngxsmk-other-month{opacity:.45;color:var(--datepicker-subtle-text-color)}.ngxsmk-ai-container{display:flex;flex-direction:column;gap:4px;margin:var(--datepicker-spacing-xs, 6px) var(--datepicker-spacing-sm, 10px) var(--datepicker-spacing-xs, 6px)}.ngxsmk-ai-bar{display:flex;align-items:center;gap:var(--datepicker-spacing-xs, 6px);padding:4px 8px;background:var(--datepicker-bg-color, #ffffff);border:1px solid var(--datepicker-border-color, #e2e8f0);border-radius:var(--datepicker-border-radius, 8px);box-shadow:0 1px 3px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.ngxsmk-popover-container.dark-theme .ngxsmk-ai-bar,.dark-theme .ngxsmk-ai-bar{background:var(--datepicker-bg-color, #1e293b);border-color:var(--datepicker-border-color, #334155);box-shadow:0 1px 3px #00000040}.ngxsmk-ai-bar:focus-within{border-color:var(--datepicker-primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.ngxsmk-ai-icon{display:flex;align-items:center;justify-content:center;color:var(--datepicker-primary-color, #3b82f6);flex-shrink:0}.ngxsmk-ai-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:var(--datepicker-font-size-sm, 13px);font-family:inherit;color:var(--datepicker-text-color, #1e293b);padding:4px 2px}.ngxsmk-popover-container.dark-theme .ngxsmk-ai-input,.dark-theme .ngxsmk-ai-input{color:var(--datepicker-text-color, #f8fafc)}.ngxsmk-ai-input::placeholder{color:var(--datepicker-subtle-text-color, #94a3b8)}.ngxsmk-ai-submit{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:var(--datepicker-primary-color, #3b82f6);color:#fff;border:none;border-radius:calc(var(--datepicker-border-radius, 8px) - 2px);cursor:pointer;transition:opacity .15s ease,transform .1s ease;flex-shrink:0}.ngxsmk-ai-submit:hover:not(:disabled){opacity:.9;transform:scale(1.03)}.ngxsmk-ai-submit:active:not(:disabled){transform:scale(.97)}.ngxsmk-ai-submit:disabled{opacity:.4;cursor:not-allowed}.ngxsmk-ai-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ngxsmk-ai-spin .6s linear infinite}@keyframes ngxsmk-ai-spin{to{transform:rotate(360deg)}}.ngxsmk-ai-chips{display:flex;flex-wrap:wrap;gap:4px;padding:0 2px}.ngxsmk-ai-chip{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-family:inherit;background:#3b82f614;color:var(--datepicker-primary-color, #3b82f6);border:1px solid rgba(59,130,246,.2);border-radius:12px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.ngxsmk-popover-container.dark-theme .ngxsmk-ai-chip,.dark-theme .ngxsmk-ai-chip{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.ngxsmk-ai-chip:hover:not(:disabled){background:#3b82f62e;border-color:var(--datepicker-primary-color, #3b82f6)}.ngxsmk-ai-chip:disabled{opacity:.5;cursor:not-allowed}\n"] }]
         }], ctorParameters: () => [], propDecorators: { mode: [{
                 type: Input
             }], calendarViewMode: [{
@@ -14200,7 +14642,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 type: Input
             }], enableNaturalLanguage: [{
                 type: Input
-            }], naturalLanguagePreviewTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "naturalLanguagePreviewTemplate", required: false }] }], naturalLanguageResolved: [{ type: i0.Output, args: ["naturalLanguageResolved"] }], calendars: [{
+            }], naturalLanguagePreviewTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "naturalLanguagePreviewTemplate", required: false }] }], naturalLanguageResolved: [{ type: i0.Output, args: ["naturalLanguageResolved"] }], enableAi: [{
+                type: Input
+            }], aiPlaceholder: [{
+                type: Input
+            }], aiSuggestions: [{
+                type: Input
+            }], showAiSuggestions: [{
+                type: Input
+            }], aiResolver: [{
+                type: Input
+            }], aiPromptSubmitted: [{ type: i0.Output, args: ["aiPromptSubmitted"] }], calendars: [{
                 type: Input
             }], rangePresetFactory: [{
                 type: Input
@@ -14329,7 +14781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
 class NgxsmkDatepickerModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerModule, imports: [NgxsmkDatepickerComponent], exports: [NgxsmkDatepickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerModule, imports: [NgxsmkDatepickerComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerModule, decorators: [{
             type: NgModule,