ngxsmk-datepicker 3.0.3 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +81 -87
  2. package/fesm2022/ngxsmk-datepicker.mjs +1521 -1094
  3. package/package.json +1 -1
  4. package/types/ngxsmk-datepicker.d.ts +110 -7
  5. package/CHANGELOG.md +0 -1338
  6. package/LICENSE +0 -21
  7. package/MIGRATION.md +0 -1818
package/fesm2022/ngxsmk-datepicker.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component, inject, ElementRef, PLATFORM_ID, HostListener, ViewEncapsulation, signal, computed, InjectionToken, Injector, runInInjectionContext, effect, isDevMode, Injectable, forwardRef, output, input, ApplicationRef, ChangeDetectorRef, booleanAttribute, HostBinding, NgModule } from '@angular/core';
2
+ 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';
3
3
  import { NgClass, DOCUMENT, isPlatformBrowser, NgTemplateOutlet, DatePipe } from '@angular/common';
4
4
  import { NgControl } from '@angular/forms';
5
5
  import { Subject } from 'rxjs';
@@ -2196,160 +2196,169 @@ class CalendarYearViewComponent {
2196
2196
  return `Select decade ${decade} - ${decade + 9}`;
2197
2197
  }
2198
2198
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CalendarYearViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2199
- 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: `
2200
- @if (viewMode === 'year') {
2201
- <div class="ngxsmk-header" [ngClass]="headerClass">
2202
- <div class="ngxsmk-year-display">
2203
- <button
2204
- type="button"
2205
- class="ngxsmk-view-toggle"
2206
- (click)="viewModeChange.emit('decade')"
2207
- [disabled]="disabled"
2208
- >
2209
- {{ getDecadeRangeLabel() }}
2210
- </button>
2211
- </div>
2212
- <div class="ngxsmk-nav-buttons">
2213
- <button
2214
- type="button"
2215
- class="ngxsmk-nav-button"
2216
- (click)="changeYear.emit(-12)"
2217
- [disabled]="disabled"
2218
- [attr.aria-label]="previousYearsLabel"
2219
- [ngClass]="navPrevClass"
2220
- >
2221
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2222
- <path
2223
- fill="none"
2224
- stroke="currentColor"
2225
- stroke-linecap="round"
2226
- stroke-linejoin="round"
2227
- stroke-width="48"
2228
- d="M328 112L184 256l144 144"
2229
- />
2230
- </svg>
2231
- </button>
2232
- <button
2233
- type="button"
2234
- class="ngxsmk-nav-button"
2235
- (click)="changeYear.emit(12)"
2236
- [disabled]="disabled"
2237
- [attr.aria-label]="nextYearsLabel"
2238
- [ngClass]="navNextClass"
2239
- >
2240
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2241
- <path
2242
- fill="none"
2243
- stroke="currentColor"
2244
- stroke-linecap="round"
2245
- stroke-linejoin="round"
2246
- stroke-width="48"
2247
- d="M184 112l144 144-144 144"
2248
- />
2249
- </svg>
2250
- </button>
2251
- </div>
2252
- </div>
2253
- <div
2254
- class="ngxsmk-year-grid-container"
2255
- #yearScrollContainer
2256
- (scroll)="onYearScroll($event)"
2257
- [style.height.px]="yearContainerHeight"
2258
- >
2259
- <div
2260
- class="ngxsmk-year-grid"
2261
- [style.height.px]="yearVirtualResult().totalHeight"
2262
- [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
2263
- >
2264
- @for (item of yearVirtualResult().visibleItems; track item.index) {
2265
- <button
2266
- type="button"
2267
- class="ngxsmk-year-cell"
2268
- [class.selected]="isYearSelected(item.data)"
2269
- [class.today]="item.data === today.getFullYear()"
2270
- [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
2271
- (click)="onYearCellClick(item.data, $event)"
2272
- (keydown.enter)="onYearCellClick(item.data, $event)"
2273
- [attr.aria-label]="getYearAriaLabel(item.data)"
2274
- >
2275
- {{ item.data }}
2276
- </button>
2277
- }
2278
- </div>
2279
- </div>
2280
- }
2281
-
2282
- @if (viewMode === 'decade') {
2283
- <div class="ngxsmk-header" [ngClass]="headerClass">
2284
- <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
2285
- <div class="ngxsmk-nav-buttons">
2286
- <button
2287
- type="button"
2288
- class="ngxsmk-nav-button"
2289
- (click)="changeDecade.emit(-1)"
2290
- [disabled]="disabled"
2291
- [attr.aria-label]="previousDecadeLabel"
2292
- [ngClass]="navPrevClass"
2293
- >
2294
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2295
- <path
2296
- fill="none"
2297
- stroke="currentColor"
2298
- stroke-linecap="round"
2299
- stroke-linejoin="round"
2300
- stroke-width="48"
2301
- d="M328 112L184 256l144 144"
2302
- />
2303
- </svg>
2304
- </button>
2305
- <button
2306
- type="button"
2307
- class="ngxsmk-nav-button"
2308
- (click)="changeDecade.emit(1)"
2309
- [disabled]="disabled"
2310
- [attr.aria-label]="nextDecadeLabel"
2311
- [ngClass]="navNextClass"
2312
- >
2313
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2314
- <path
2315
- fill="none"
2316
- stroke="currentColor"
2317
- stroke-linecap="round"
2318
- stroke-linejoin="round"
2319
- stroke-width="48"
2320
- d="M184 112l144 144-144 144"
2321
- />
2322
- </svg>
2323
- </button>
2324
- </div>
2325
- </div>
2326
- <div
2327
- class="ngxsmk-decade-grid-container"
2328
- #decadeScrollContainer
2329
- (scroll)="onDecadeScroll($event)"
2330
- [style.height.px]="decadeContainerHeight"
2331
- >
2332
- <div
2333
- class="ngxsmk-decade-grid"
2334
- [style.height.px]="decadeVirtualResult().totalHeight"
2335
- [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
2336
- >
2337
- @for (item of decadeVirtualResult().visibleItems; track item.index) {
2338
- <button
2339
- type="button"
2340
- class="ngxsmk-decade-cell"
2341
- [class.selected]="item.data === currentDecade"
2342
- [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
2343
- (click)="onDecadeCellClick(item.data, $event)"
2344
- (keydown.enter)="onDecadeCellClick(item.data, $event)"
2345
- [attr.aria-label]="getDecadeAriaLabel(item.data)"
2346
- >
2347
- {{ item.data }} - {{ item.data + 9 }}
2348
- </button>
2349
- }
2350
- </div>
2351
- </div>
2352
- }
2199
+ 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: `
2200
+ @if (viewMode === 'year') {
2201
+ <div class="ngxsmk-header" [ngClass]="headerClass">
2202
+ <div class="ngxsmk-year-display">
2203
+ <button
2204
+ type="button"
2205
+ class="ngxsmk-view-toggle"
2206
+ (click)="viewModeChange.emit('decade')"
2207
+ [disabled]="disabled"
2208
+ >
2209
+ {{ getDecadeRangeLabel() }}
2210
+ </button>
2211
+ </div>
2212
+ <div class="ngxsmk-nav-buttons">
2213
+ <button
2214
+ type="button"
2215
+ class="ngxsmk-nav-button"
2216
+ (click)="changeYear.emit(-12)"
2217
+ [disabled]="disabled"
2218
+ [attr.aria-label]="previousYearsLabel"
2219
+ [ngClass]="navPrevClass"
2220
+ >
2221
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2222
+ <path
2223
+ fill="none"
2224
+ stroke="currentColor"
2225
+ stroke-linecap="round"
2226
+ stroke-linejoin="round"
2227
+ stroke-width="48"
2228
+ d="M328 112L184 256l144 144"
2229
+ />
2230
+ </svg>
2231
+ </button>
2232
+ <button
2233
+ type="button"
2234
+ class="ngxsmk-nav-button"
2235
+ (click)="changeYear.emit(12)"
2236
+ [disabled]="disabled"
2237
+ [attr.aria-label]="nextYearsLabel"
2238
+ [ngClass]="navNextClass"
2239
+ >
2240
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2241
+ <path
2242
+ fill="none"
2243
+ stroke="currentColor"
2244
+ stroke-linecap="round"
2245
+ stroke-linejoin="round"
2246
+ stroke-width="48"
2247
+ d="M184 112l144 144-144 144"
2248
+ />
2249
+ </svg>
2250
+ </button>
2251
+ </div>
2252
+ </div>
2253
+ <div
2254
+ class="ngxsmk-year-grid-container"
2255
+ #yearScrollContainer
2256
+ (scroll)="onYearScroll($event)"
2257
+ [style.height.px]="yearContainerHeight"
2258
+ >
2259
+ <div
2260
+ class="ngxsmk-year-grid"
2261
+ role="grid"
2262
+ aria-label="Select Year"
2263
+ [style.height.px]="yearVirtualResult().totalHeight"
2264
+ [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
2265
+ >
2266
+ @for (item of yearVirtualResult().visibleItems; track item.index) {
2267
+ <button
2268
+ type="button"
2269
+ role="gridcell"
2270
+ class="ngxsmk-year-cell"
2271
+ [class.selected]="isYearSelected(item.data)"
2272
+ [class.today]="item.data === today.getFullYear()"
2273
+ [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
2274
+ [attr.aria-selected]="isYearSelected(item.data)"
2275
+ [attr.aria-current]="item.data === today.getFullYear() ? 'date' : null"
2276
+ (click)="onYearCellClick(item.data, $event)"
2277
+ (keydown.enter)="onYearCellClick(item.data, $event)"
2278
+ [attr.aria-label]="getYearAriaLabel(item.data)"
2279
+ >
2280
+ {{ item.data }}
2281
+ </button>
2282
+ }
2283
+ </div>
2284
+ </div>
2285
+ }
2286
+
2287
+ @if (viewMode === 'decade') {
2288
+ <div class="ngxsmk-header" [ngClass]="headerClass">
2289
+ <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
2290
+ <div class="ngxsmk-nav-buttons">
2291
+ <button
2292
+ type="button"
2293
+ class="ngxsmk-nav-button"
2294
+ (click)="changeDecade.emit(-1)"
2295
+ [disabled]="disabled"
2296
+ [attr.aria-label]="previousDecadeLabel"
2297
+ [ngClass]="navPrevClass"
2298
+ >
2299
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2300
+ <path
2301
+ fill="none"
2302
+ stroke="currentColor"
2303
+ stroke-linecap="round"
2304
+ stroke-linejoin="round"
2305
+ stroke-width="48"
2306
+ d="M328 112L184 256l144 144"
2307
+ />
2308
+ </svg>
2309
+ </button>
2310
+ <button
2311
+ type="button"
2312
+ class="ngxsmk-nav-button"
2313
+ (click)="changeDecade.emit(1)"
2314
+ [disabled]="disabled"
2315
+ [attr.aria-label]="nextDecadeLabel"
2316
+ [ngClass]="navNextClass"
2317
+ >
2318
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2319
+ <path
2320
+ fill="none"
2321
+ stroke="currentColor"
2322
+ stroke-linecap="round"
2323
+ stroke-linejoin="round"
2324
+ stroke-width="48"
2325
+ d="M184 112l144 144-144 144"
2326
+ />
2327
+ </svg>
2328
+ </button>
2329
+ </div>
2330
+ </div>
2331
+ <div
2332
+ class="ngxsmk-decade-grid-container"
2333
+ #decadeScrollContainer
2334
+ (scroll)="onDecadeScroll($event)"
2335
+ [style.height.px]="decadeContainerHeight"
2336
+ >
2337
+ <div
2338
+ class="ngxsmk-decade-grid"
2339
+ role="grid"
2340
+ aria-label="Select Decade"
2341
+ [style.height.px]="decadeVirtualResult().totalHeight"
2342
+ [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
2343
+ >
2344
+ @for (item of decadeVirtualResult().visibleItems; track item.index) {
2345
+ <button
2346
+ type="button"
2347
+ role="gridcell"
2348
+ class="ngxsmk-decade-cell"
2349
+ [class.selected]="item.data === currentDecade"
2350
+ [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
2351
+ [attr.aria-selected]="item.data === currentDecade"
2352
+ (click)="onDecadeCellClick(item.data, $event)"
2353
+ (keydown.enter)="onDecadeCellClick(item.data, $event)"
2354
+ [attr.aria-label]="getDecadeAriaLabel(item.data)"
2355
+ >
2356
+ {{ item.data }} - {{ item.data + 9 }}
2357
+ </button>
2358
+ }
2359
+ </div>
2360
+ </div>
2361
+ }
2353
2362
  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2354
2363
  }
2355
2364
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CalendarYearViewComponent, decorators: [{
@@ -2359,160 +2368,169 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
2359
2368
  standalone: true,
2360
2369
  imports: [NgClass],
2361
2370
  changeDetection: ChangeDetectionStrategy.OnPush,
2362
- template: `
2363
- @if (viewMode === 'year') {
2364
- <div class="ngxsmk-header" [ngClass]="headerClass">
2365
- <div class="ngxsmk-year-display">
2366
- <button
2367
- type="button"
2368
- class="ngxsmk-view-toggle"
2369
- (click)="viewModeChange.emit('decade')"
2370
- [disabled]="disabled"
2371
- >
2372
- {{ getDecadeRangeLabel() }}
2373
- </button>
2374
- </div>
2375
- <div class="ngxsmk-nav-buttons">
2376
- <button
2377
- type="button"
2378
- class="ngxsmk-nav-button"
2379
- (click)="changeYear.emit(-12)"
2380
- [disabled]="disabled"
2381
- [attr.aria-label]="previousYearsLabel"
2382
- [ngClass]="navPrevClass"
2383
- >
2384
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2385
- <path
2386
- fill="none"
2387
- stroke="currentColor"
2388
- stroke-linecap="round"
2389
- stroke-linejoin="round"
2390
- stroke-width="48"
2391
- d="M328 112L184 256l144 144"
2392
- />
2393
- </svg>
2394
- </button>
2395
- <button
2396
- type="button"
2397
- class="ngxsmk-nav-button"
2398
- (click)="changeYear.emit(12)"
2399
- [disabled]="disabled"
2400
- [attr.aria-label]="nextYearsLabel"
2401
- [ngClass]="navNextClass"
2402
- >
2403
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2404
- <path
2405
- fill="none"
2406
- stroke="currentColor"
2407
- stroke-linecap="round"
2408
- stroke-linejoin="round"
2409
- stroke-width="48"
2410
- d="M184 112l144 144-144 144"
2411
- />
2412
- </svg>
2413
- </button>
2414
- </div>
2415
- </div>
2416
- <div
2417
- class="ngxsmk-year-grid-container"
2418
- #yearScrollContainer
2419
- (scroll)="onYearScroll($event)"
2420
- [style.height.px]="yearContainerHeight"
2421
- >
2422
- <div
2423
- class="ngxsmk-year-grid"
2424
- [style.height.px]="yearVirtualResult().totalHeight"
2425
- [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
2426
- >
2427
- @for (item of yearVirtualResult().visibleItems; track item.index) {
2428
- <button
2429
- type="button"
2430
- class="ngxsmk-year-cell"
2431
- [class.selected]="isYearSelected(item.data)"
2432
- [class.today]="item.data === today.getFullYear()"
2433
- [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
2434
- (click)="onYearCellClick(item.data, $event)"
2435
- (keydown.enter)="onYearCellClick(item.data, $event)"
2436
- [attr.aria-label]="getYearAriaLabel(item.data)"
2437
- >
2438
- {{ item.data }}
2439
- </button>
2440
- }
2441
- </div>
2442
- </div>
2443
- }
2444
-
2445
- @if (viewMode === 'decade') {
2446
- <div class="ngxsmk-header" [ngClass]="headerClass">
2447
- <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
2448
- <div class="ngxsmk-nav-buttons">
2449
- <button
2450
- type="button"
2451
- class="ngxsmk-nav-button"
2452
- (click)="changeDecade.emit(-1)"
2453
- [disabled]="disabled"
2454
- [attr.aria-label]="previousDecadeLabel"
2455
- [ngClass]="navPrevClass"
2456
- >
2457
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2458
- <path
2459
- fill="none"
2460
- stroke="currentColor"
2461
- stroke-linecap="round"
2462
- stroke-linejoin="round"
2463
- stroke-width="48"
2464
- d="M328 112L184 256l144 144"
2465
- />
2466
- </svg>
2467
- </button>
2468
- <button
2469
- type="button"
2470
- class="ngxsmk-nav-button"
2471
- (click)="changeDecade.emit(1)"
2472
- [disabled]="disabled"
2473
- [attr.aria-label]="nextDecadeLabel"
2474
- [ngClass]="navNextClass"
2475
- >
2476
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2477
- <path
2478
- fill="none"
2479
- stroke="currentColor"
2480
- stroke-linecap="round"
2481
- stroke-linejoin="round"
2482
- stroke-width="48"
2483
- d="M184 112l144 144-144 144"
2484
- />
2485
- </svg>
2486
- </button>
2487
- </div>
2488
- </div>
2489
- <div
2490
- class="ngxsmk-decade-grid-container"
2491
- #decadeScrollContainer
2492
- (scroll)="onDecadeScroll($event)"
2493
- [style.height.px]="decadeContainerHeight"
2494
- >
2495
- <div
2496
- class="ngxsmk-decade-grid"
2497
- [style.height.px]="decadeVirtualResult().totalHeight"
2498
- [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
2499
- >
2500
- @for (item of decadeVirtualResult().visibleItems; track item.index) {
2501
- <button
2502
- type="button"
2503
- class="ngxsmk-decade-cell"
2504
- [class.selected]="item.data === currentDecade"
2505
- [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
2506
- (click)="onDecadeCellClick(item.data, $event)"
2507
- (keydown.enter)="onDecadeCellClick(item.data, $event)"
2508
- [attr.aria-label]="getDecadeAriaLabel(item.data)"
2509
- >
2510
- {{ item.data }} - {{ item.data + 9 }}
2511
- </button>
2512
- }
2513
- </div>
2514
- </div>
2515
- }
2371
+ template: `
2372
+ @if (viewMode === 'year') {
2373
+ <div class="ngxsmk-header" [ngClass]="headerClass">
2374
+ <div class="ngxsmk-year-display">
2375
+ <button
2376
+ type="button"
2377
+ class="ngxsmk-view-toggle"
2378
+ (click)="viewModeChange.emit('decade')"
2379
+ [disabled]="disabled"
2380
+ >
2381
+ {{ getDecadeRangeLabel() }}
2382
+ </button>
2383
+ </div>
2384
+ <div class="ngxsmk-nav-buttons">
2385
+ <button
2386
+ type="button"
2387
+ class="ngxsmk-nav-button"
2388
+ (click)="changeYear.emit(-12)"
2389
+ [disabled]="disabled"
2390
+ [attr.aria-label]="previousYearsLabel"
2391
+ [ngClass]="navPrevClass"
2392
+ >
2393
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2394
+ <path
2395
+ fill="none"
2396
+ stroke="currentColor"
2397
+ stroke-linecap="round"
2398
+ stroke-linejoin="round"
2399
+ stroke-width="48"
2400
+ d="M328 112L184 256l144 144"
2401
+ />
2402
+ </svg>
2403
+ </button>
2404
+ <button
2405
+ type="button"
2406
+ class="ngxsmk-nav-button"
2407
+ (click)="changeYear.emit(12)"
2408
+ [disabled]="disabled"
2409
+ [attr.aria-label]="nextYearsLabel"
2410
+ [ngClass]="navNextClass"
2411
+ >
2412
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2413
+ <path
2414
+ fill="none"
2415
+ stroke="currentColor"
2416
+ stroke-linecap="round"
2417
+ stroke-linejoin="round"
2418
+ stroke-width="48"
2419
+ d="M184 112l144 144-144 144"
2420
+ />
2421
+ </svg>
2422
+ </button>
2423
+ </div>
2424
+ </div>
2425
+ <div
2426
+ class="ngxsmk-year-grid-container"
2427
+ #yearScrollContainer
2428
+ (scroll)="onYearScroll($event)"
2429
+ [style.height.px]="yearContainerHeight"
2430
+ >
2431
+ <div
2432
+ class="ngxsmk-year-grid"
2433
+ role="grid"
2434
+ aria-label="Select Year"
2435
+ [style.height.px]="yearVirtualResult().totalHeight"
2436
+ [style.transform]="'translateY(' + (yearVirtualResult().offsetY || 0) + 'px)'"
2437
+ >
2438
+ @for (item of yearVirtualResult().visibleItems; track item.index) {
2439
+ <button
2440
+ type="button"
2441
+ role="gridcell"
2442
+ class="ngxsmk-year-cell"
2443
+ [class.selected]="isYearSelected(item.data)"
2444
+ [class.today]="item.data === today.getFullYear()"
2445
+ [disabled]="disabled || (isYearDisabled ? isYearDisabled(item.data) : false)"
2446
+ [attr.aria-selected]="isYearSelected(item.data)"
2447
+ [attr.aria-current]="item.data === today.getFullYear() ? 'date' : null"
2448
+ (click)="onYearCellClick(item.data, $event)"
2449
+ (keydown.enter)="onYearCellClick(item.data, $event)"
2450
+ [attr.aria-label]="getYearAriaLabel(item.data)"
2451
+ >
2452
+ {{ item.data }}
2453
+ </button>
2454
+ }
2455
+ </div>
2456
+ </div>
2457
+ }
2458
+
2459
+ @if (viewMode === 'decade') {
2460
+ <div class="ngxsmk-header" [ngClass]="headerClass">
2461
+ <div class="ngxsmk-decade-display">{{ currentDecade }} - {{ currentDecade + 99 }}</div>
2462
+ <div class="ngxsmk-nav-buttons">
2463
+ <button
2464
+ type="button"
2465
+ class="ngxsmk-nav-button"
2466
+ (click)="changeDecade.emit(-1)"
2467
+ [disabled]="disabled"
2468
+ [attr.aria-label]="previousDecadeLabel"
2469
+ [ngClass]="navPrevClass"
2470
+ >
2471
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2472
+ <path
2473
+ fill="none"
2474
+ stroke="currentColor"
2475
+ stroke-linecap="round"
2476
+ stroke-linejoin="round"
2477
+ stroke-width="48"
2478
+ d="M328 112L184 256l144 144"
2479
+ />
2480
+ </svg>
2481
+ </button>
2482
+ <button
2483
+ type="button"
2484
+ class="ngxsmk-nav-button"
2485
+ (click)="changeDecade.emit(1)"
2486
+ [disabled]="disabled"
2487
+ [attr.aria-label]="nextDecadeLabel"
2488
+ [ngClass]="navNextClass"
2489
+ >
2490
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2491
+ <path
2492
+ fill="none"
2493
+ stroke="currentColor"
2494
+ stroke-linecap="round"
2495
+ stroke-linejoin="round"
2496
+ stroke-width="48"
2497
+ d="M184 112l144 144-144 144"
2498
+ />
2499
+ </svg>
2500
+ </button>
2501
+ </div>
2502
+ </div>
2503
+ <div
2504
+ class="ngxsmk-decade-grid-container"
2505
+ #decadeScrollContainer
2506
+ (scroll)="onDecadeScroll($event)"
2507
+ [style.height.px]="decadeContainerHeight"
2508
+ >
2509
+ <div
2510
+ class="ngxsmk-decade-grid"
2511
+ role="grid"
2512
+ aria-label="Select Decade"
2513
+ [style.height.px]="decadeVirtualResult().totalHeight"
2514
+ [style.transform]="'translateY(' + (decadeVirtualResult().offsetY || 0) + 'px)'"
2515
+ >
2516
+ @for (item of decadeVirtualResult().visibleItems; track item.index) {
2517
+ <button
2518
+ type="button"
2519
+ role="gridcell"
2520
+ class="ngxsmk-decade-cell"
2521
+ [class.selected]="item.data === currentDecade"
2522
+ [disabled]="disabled || (isDecadeDisabled ? isDecadeDisabled(item.data) : false)"
2523
+ [attr.aria-selected]="item.data === currentDecade"
2524
+ (click)="onDecadeCellClick(item.data, $event)"
2525
+ (keydown.enter)="onDecadeCellClick(item.data, $event)"
2526
+ [attr.aria-label]="getDecadeAriaLabel(item.data)"
2527
+ >
2528
+ {{ item.data }} - {{ item.data + 9 }}
2529
+ </button>
2530
+ }
2531
+ </div>
2532
+ </div>
2533
+ }
2516
2534
  `,
2517
2535
  }]
2518
2536
  }], propDecorators: { viewMode: [{
@@ -2754,23 +2772,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
2754
2772
 
2755
2773
  class NgxsmkDatepickerPresetsComponent {
2756
2774
  constructor() {
2757
- this.ranges = [];
2758
- this.disabled = false;
2759
- this.classes = undefined;
2760
- this.selectedRange = null;
2761
- this.rangeSelected = new EventEmitter();
2775
+ this.ranges = input([], ...(ngDevMode ? [{ debugName: "ranges" }] : /* istanbul ignore next */ []));
2776
+ this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
2777
+ this.classes = input(undefined, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
2778
+ this.selectedRange = input(null, ...(ngDevMode ? [{ debugName: "selectedRange" }] : /* istanbul ignore next */ []));
2779
+ this.rangeSelected = output();
2762
2780
  }
2763
2781
  onRangeSelect(range) {
2764
- if (!this.disabled) {
2782
+ if (!this.disabled()) {
2765
2783
  this.rangeSelected.emit(range);
2766
2784
  }
2767
2785
  }
2768
2786
  isActive(value) {
2769
- if (!this.selectedRange || !this.selectedRange[0] || !this.selectedRange[1]) {
2787
+ const range = this.selectedRange();
2788
+ if (!range || !range[0] || !range[1]) {
2770
2789
  return false;
2771
2790
  }
2772
- const start = this.selectedRange[0];
2773
- const end = this.selectedRange[1];
2791
+ const start = range[0];
2792
+ const end = range[1];
2774
2793
  return this.isSameDay(value[0], start) && this.isSameDay(value[1], end);
2775
2794
  }
2776
2795
  isSameDay(d1, d2) {
@@ -2780,25 +2799,25 @@ class NgxsmkDatepickerPresetsComponent {
2780
2799
  return range.key;
2781
2800
  }
2782
2801
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerPresetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2783
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerPresetsComponent, isStandalone: true, selector: "ngxsmk-datepicker-presets", inputs: { ranges: "ranges", disabled: "disabled", classes: "classes", selectedRange: "selectedRange" }, outputs: { rangeSelected: "rangeSelected" }, ngImport: i0, template: `
2784
- <div class="ngxsmk-ranges-container">
2785
- <ul>
2786
- @for (range of ranges; track trackByRange($index, range)) {
2787
- <li
2788
- (click)="onRangeSelect(range.value)"
2789
- (keydown.enter)="onRangeSelect(range.value)"
2790
- (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
2791
- [class.disabled]="disabled"
2792
- [class.ngxsmk-preset-active]="isActive(range.value)"
2793
- [attr.tabindex]="disabled ? -1 : 0"
2794
- role="button"
2795
- [attr.aria-disabled]="disabled"
2796
- >
2797
- {{ range.key }}
2798
- </li>
2799
- }
2800
- </ul>
2801
- </div>
2802
+ 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: `
2803
+ <div class="ngxsmk-ranges-container">
2804
+ <ul>
2805
+ @for (range of ranges(); track trackByRange($index, range)) {
2806
+ <li
2807
+ (click)="onRangeSelect(range.value)"
2808
+ (keydown.enter)="onRangeSelect(range.value)"
2809
+ (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
2810
+ [class.disabled]="disabled()"
2811
+ [class.ngxsmk-preset-active]="isActive(range.value)"
2812
+ [attr.tabindex]="disabled() ? -1 : 0"
2813
+ role="button"
2814
+ [attr.aria-disabled]="disabled()"
2815
+ >
2816
+ {{ range.key }}
2817
+ </li>
2818
+ }
2819
+ </ul>
2820
+ </div>
2802
2821
  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2803
2822
  }
2804
2823
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerPresetsComponent, decorators: [{
@@ -2807,39 +2826,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
2807
2826
  selector: 'ngxsmk-datepicker-presets',
2808
2827
  standalone: true,
2809
2828
  imports: [],
2810
- template: `
2811
- <div class="ngxsmk-ranges-container">
2812
- <ul>
2813
- @for (range of ranges; track trackByRange($index, range)) {
2814
- <li
2815
- (click)="onRangeSelect(range.value)"
2816
- (keydown.enter)="onRangeSelect(range.value)"
2817
- (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
2818
- [class.disabled]="disabled"
2819
- [class.ngxsmk-preset-active]="isActive(range.value)"
2820
- [attr.tabindex]="disabled ? -1 : 0"
2821
- role="button"
2822
- [attr.aria-disabled]="disabled"
2823
- >
2824
- {{ range.key }}
2825
- </li>
2826
- }
2827
- </ul>
2828
- </div>
2829
+ template: `
2830
+ <div class="ngxsmk-ranges-container">
2831
+ <ul>
2832
+ @for (range of ranges(); track trackByRange($index, range)) {
2833
+ <li
2834
+ (click)="onRangeSelect(range.value)"
2835
+ (keydown.enter)="onRangeSelect(range.value)"
2836
+ (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
2837
+ [class.disabled]="disabled()"
2838
+ [class.ngxsmk-preset-active]="isActive(range.value)"
2839
+ [attr.tabindex]="disabled() ? -1 : 0"
2840
+ role="button"
2841
+ [attr.aria-disabled]="disabled()"
2842
+ >
2843
+ {{ range.key }}
2844
+ </li>
2845
+ }
2846
+ </ul>
2847
+ </div>
2829
2848
  `,
2830
2849
  changeDetection: ChangeDetectionStrategy.OnPush,
2831
2850
  }]
2832
- }], propDecorators: { ranges: [{
2833
- type: Input
2834
- }], disabled: [{
2835
- type: Input
2836
- }], classes: [{
2837
- type: Input
2838
- }], selectedRange: [{
2839
- type: Input
2840
- }], rangeSelected: [{
2841
- type: Output
2842
- }] } });
2851
+ }], propDecorators: { ranges: [{ type: i0.Input, args: [{ isSignal: true, alias: "ranges", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "classes", required: false }] }], selectedRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedRange", required: false }] }], rangeSelected: [{ type: i0.Output, args: ["rangeSelected"] }] } });
2843
2852
 
2844
2853
  class NgxsmkDatepickerContentComponent {
2845
2854
  constructor() {
@@ -4176,234 +4185,226 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
4176
4185
 
4177
4186
  class NgxsmkDatepickerKeyboardHelpComponent {
4178
4187
  constructor() {
4179
- this.title = 'Keyboard shortcuts';
4180
- this.closeLabel = 'Close';
4181
- this.backdropLabel = 'Close overlay';
4182
- this.closeRequested = new EventEmitter();
4188
+ this.title = input('Keyboard shortcuts', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
4189
+ this.closeLabel = input('Close', ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
4190
+ this.backdropLabel = input('Close overlay', ...(ngDevMode ? [{ debugName: "backdropLabel" }] : /* istanbul ignore next */ []));
4191
+ this.closeRequested = output();
4183
4192
  }
4184
4193
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerKeyboardHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
4185
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: NgxsmkDatepickerKeyboardHelpComponent, isStandalone: true, selector: "ngxsmk-datepicker-keyboard-help", inputs: { title: "title", closeLabel: "closeLabel", backdropLabel: "backdropLabel" }, outputs: { closeRequested: "closeRequested" }, ngImport: i0, template: `
4186
- <div
4187
- class="ngxsmk-keyboard-help-backdrop"
4188
- (click)="closeRequested.emit()"
4189
- (keydown.enter)="closeRequested.emit()"
4190
- (keydown.space)="closeRequested.emit()"
4191
- tabindex="0"
4192
- role="button"
4193
- [attr.aria-label]="backdropLabel"
4194
- ></div>
4195
- <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title">
4196
- <div class="ngxsmk-keyboard-help-header">
4197
- <h3 class="ngxsmk-keyboard-help-title">{{ title }}</h3>
4198
- <button
4199
- type="button"
4200
- class="ngxsmk-keyboard-help-close"
4201
- (click)="closeRequested.emit()"
4202
- [attr.aria-label]="closeLabel"
4203
- >
4204
- <svg
4205
- xmlns="http://www.w3.org/2000/svg"
4206
- width="20"
4207
- height="20"
4208
- viewBox="0 0 24 24"
4209
- fill="none"
4210
- stroke="currentColor"
4211
- stroke-width="2"
4212
- stroke-linecap="round"
4213
- stroke-linejoin="round"
4214
- >
4215
- <line x1="18" y1="6" x2="6" y2="18"></line>
4216
- <line x1="6" y1="6" x2="18" y2="18"></line>
4217
- </svg>
4218
- </button>
4219
- </div>
4220
- <ul class="ngxsmk-keyboard-help-list">
4221
- <li class="ngxsmk-keyboard-help-item">
4222
- <span>Next/Prev day</span>
4223
- <div>
4224
- <span class="ngxsmk-keyboard-key">←</span>
4225
- <span class="ngxsmk-keyboard-key">→</span>
4226
- </div>
4227
- </li>
4228
- <li class="ngxsmk-keyboard-help-item">
4229
- <span>Next/Prev week</span>
4230
- <div>
4231
- <span class="ngxsmk-keyboard-key">↑</span>
4232
- <span class="ngxsmk-keyboard-key">↓</span>
4233
- </div>
4234
- </li>
4235
- <li class="ngxsmk-keyboard-help-item">
4236
- <span>Select date</span>
4237
- <div>
4238
- <span class="ngxsmk-keyboard-key">Enter</span>
4239
- <span class="ngxsmk-keyboard-key">Space</span>
4240
- </div>
4241
- </li>
4242
- <li class="ngxsmk-keyboard-help-item">
4243
- <span>Next/Prev month</span>
4244
- <div>
4245
- <span class="ngxsmk-keyboard-key">PgUp</span>
4246
- <span class="ngxsmk-keyboard-key">PgDn</span>
4247
- </div>
4248
- </li>
4249
- <li class="ngxsmk-keyboard-help-item">
4250
- <span>Next/Prev year</span>
4251
- <div>
4252
- <span class="ngxsmk-keyboard-key">Shift</span> +
4253
- <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
4254
- </div>
4255
- </li>
4256
- <li class="ngxsmk-keyboard-help-item">
4257
- <span>First/Last day</span>
4258
- <div>
4259
- <span class="ngxsmk-keyboard-key">Home</span>
4260
- <span class="ngxsmk-keyboard-key">End</span>
4261
- </div>
4262
- </li>
4263
- <li class="ngxsmk-keyboard-help-item">
4264
- <span>Close calendar</span>
4265
- <span class="ngxsmk-keyboard-key">Esc</span>
4266
- </li>
4267
- <li class="ngxsmk-keyboard-help-item">
4268
- <span>Today</span>
4269
- <span class="ngxsmk-keyboard-key">T</span>
4270
- </li>
4271
- <li class="ngxsmk-keyboard-help-item">
4272
- <span>Yesterday</span>
4273
- <span class="ngxsmk-keyboard-key">Y</span>
4274
- </li>
4275
- <li class="ngxsmk-keyboard-help-item">
4276
- <span>Tomorrow</span>
4277
- <span class="ngxsmk-keyboard-key">N</span>
4278
- </li>
4279
- <li class="ngxsmk-keyboard-help-item">
4280
- <span>Next Week</span>
4281
- <span class="ngxsmk-keyboard-key">W</span>
4282
- </li>
4283
- <li class="ngxsmk-keyboard-help-item">
4284
- <span>Show shortcuts</span>
4285
- <span class="ngxsmk-keyboard-key">?</span>
4286
- </li>
4287
- </ul>
4288
- </div>
4194
+ 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: `
4195
+ <div
4196
+ class="ngxsmk-keyboard-help-backdrop"
4197
+ (click)="closeRequested.emit()"
4198
+ (keydown.enter)="closeRequested.emit()"
4199
+ (keydown.space)="closeRequested.emit()"
4200
+ tabindex="0"
4201
+ role="button"
4202
+ [attr.aria-label]="backdropLabel()"
4203
+ ></div>
4204
+ <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title()">
4205
+ <div class="ngxsmk-keyboard-help-header">
4206
+ <h3 class="ngxsmk-keyboard-help-title">{{ title() }}</h3>
4207
+ <button
4208
+ type="button"
4209
+ class="ngxsmk-keyboard-help-close"
4210
+ (click)="closeRequested.emit()"
4211
+ [attr.aria-label]="closeLabel()"
4212
+ >
4213
+ <svg
4214
+ xmlns="http://www.w3.org/2000/svg"
4215
+ width="20"
4216
+ height="20"
4217
+ viewBox="0 0 24 24"
4218
+ fill="none"
4219
+ stroke="currentColor"
4220
+ stroke-width="2"
4221
+ stroke-linecap="round"
4222
+ stroke-linejoin="round"
4223
+ >
4224
+ <line x1="18" y1="6" x2="6" y2="18"></line>
4225
+ <line x1="6" y1="6" x2="18" y2="18"></line>
4226
+ </svg>
4227
+ </button>
4228
+ </div>
4229
+ <ul class="ngxsmk-keyboard-help-list">
4230
+ <li class="ngxsmk-keyboard-help-item">
4231
+ <span>Next/Prev day</span>
4232
+ <div>
4233
+ <span class="ngxsmk-keyboard-key">←</span>
4234
+ <span class="ngxsmk-keyboard-key">→</span>
4235
+ </div>
4236
+ </li>
4237
+ <li class="ngxsmk-keyboard-help-item">
4238
+ <span>Next/Prev week</span>
4239
+ <div>
4240
+ <span class="ngxsmk-keyboard-key">↑</span>
4241
+ <span class="ngxsmk-keyboard-key">↓</span>
4242
+ </div>
4243
+ </li>
4244
+ <li class="ngxsmk-keyboard-help-item">
4245
+ <span>Select date</span>
4246
+ <div>
4247
+ <span class="ngxsmk-keyboard-key">Enter</span>
4248
+ <span class="ngxsmk-keyboard-key">Space</span>
4249
+ </div>
4250
+ </li>
4251
+ <li class="ngxsmk-keyboard-help-item">
4252
+ <span>Next/Prev month</span>
4253
+ <div>
4254
+ <span class="ngxsmk-keyboard-key">PgUp</span>
4255
+ <span class="ngxsmk-keyboard-key">PgDn</span>
4256
+ </div>
4257
+ </li>
4258
+ <li class="ngxsmk-keyboard-help-item">
4259
+ <span>Next/Prev year</span>
4260
+ <div>
4261
+ <span class="ngxsmk-keyboard-key">Shift</span> +
4262
+ <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
4263
+ </div>
4264
+ </li>
4265
+ <li class="ngxsmk-keyboard-help-item">
4266
+ <span>First/Last day</span>
4267
+ <div>
4268
+ <span class="ngxsmk-keyboard-key">Home</span>
4269
+ <span class="ngxsmk-keyboard-key">End</span>
4270
+ </div>
4271
+ </li>
4272
+ <li class="ngxsmk-keyboard-help-item">
4273
+ <span>Close calendar</span>
4274
+ <span class="ngxsmk-keyboard-key">Esc</span>
4275
+ </li>
4276
+ <li class="ngxsmk-keyboard-help-item">
4277
+ <span>Today</span>
4278
+ <span class="ngxsmk-keyboard-key">T</span>
4279
+ </li>
4280
+ <li class="ngxsmk-keyboard-help-item">
4281
+ <span>Yesterday</span>
4282
+ <span class="ngxsmk-keyboard-key">Y</span>
4283
+ </li>
4284
+ <li class="ngxsmk-keyboard-help-item">
4285
+ <span>Tomorrow</span>
4286
+ <span class="ngxsmk-keyboard-key">N</span>
4287
+ </li>
4288
+ <li class="ngxsmk-keyboard-help-item">
4289
+ <span>Next Week</span>
4290
+ <span class="ngxsmk-keyboard-key">W</span>
4291
+ </li>
4292
+ <li class="ngxsmk-keyboard-help-item">
4293
+ <span>Show shortcuts</span>
4294
+ <span class="ngxsmk-keyboard-key">?</span>
4295
+ </li>
4296
+ </ul>
4297
+ </div>
4289
4298
  `, 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 }); }
4290
4299
  }
4291
4300
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerKeyboardHelpComponent, decorators: [{
4292
4301
  type: Component,
4293
- args: [{ selector: 'ngxsmk-datepicker-keyboard-help', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
4294
- <div
4295
- class="ngxsmk-keyboard-help-backdrop"
4296
- (click)="closeRequested.emit()"
4297
- (keydown.enter)="closeRequested.emit()"
4298
- (keydown.space)="closeRequested.emit()"
4299
- tabindex="0"
4300
- role="button"
4301
- [attr.aria-label]="backdropLabel"
4302
- ></div>
4303
- <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title">
4304
- <div class="ngxsmk-keyboard-help-header">
4305
- <h3 class="ngxsmk-keyboard-help-title">{{ title }}</h3>
4306
- <button
4307
- type="button"
4308
- class="ngxsmk-keyboard-help-close"
4309
- (click)="closeRequested.emit()"
4310
- [attr.aria-label]="closeLabel"
4311
- >
4312
- <svg
4313
- xmlns="http://www.w3.org/2000/svg"
4314
- width="20"
4315
- height="20"
4316
- viewBox="0 0 24 24"
4317
- fill="none"
4318
- stroke="currentColor"
4319
- stroke-width="2"
4320
- stroke-linecap="round"
4321
- stroke-linejoin="round"
4322
- >
4323
- <line x1="18" y1="6" x2="6" y2="18"></line>
4324
- <line x1="6" y1="6" x2="18" y2="18"></line>
4325
- </svg>
4326
- </button>
4327
- </div>
4328
- <ul class="ngxsmk-keyboard-help-list">
4329
- <li class="ngxsmk-keyboard-help-item">
4330
- <span>Next/Prev day</span>
4331
- <div>
4332
- <span class="ngxsmk-keyboard-key">←</span>
4333
- <span class="ngxsmk-keyboard-key">→</span>
4334
- </div>
4335
- </li>
4336
- <li class="ngxsmk-keyboard-help-item">
4337
- <span>Next/Prev week</span>
4338
- <div>
4339
- <span class="ngxsmk-keyboard-key">↑</span>
4340
- <span class="ngxsmk-keyboard-key">↓</span>
4341
- </div>
4342
- </li>
4343
- <li class="ngxsmk-keyboard-help-item">
4344
- <span>Select date</span>
4345
- <div>
4346
- <span class="ngxsmk-keyboard-key">Enter</span>
4347
- <span class="ngxsmk-keyboard-key">Space</span>
4348
- </div>
4349
- </li>
4350
- <li class="ngxsmk-keyboard-help-item">
4351
- <span>Next/Prev month</span>
4352
- <div>
4353
- <span class="ngxsmk-keyboard-key">PgUp</span>
4354
- <span class="ngxsmk-keyboard-key">PgDn</span>
4355
- </div>
4356
- </li>
4357
- <li class="ngxsmk-keyboard-help-item">
4358
- <span>Next/Prev year</span>
4359
- <div>
4360
- <span class="ngxsmk-keyboard-key">Shift</span> +
4361
- <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
4362
- </div>
4363
- </li>
4364
- <li class="ngxsmk-keyboard-help-item">
4365
- <span>First/Last day</span>
4366
- <div>
4367
- <span class="ngxsmk-keyboard-key">Home</span>
4368
- <span class="ngxsmk-keyboard-key">End</span>
4369
- </div>
4370
- </li>
4371
- <li class="ngxsmk-keyboard-help-item">
4372
- <span>Close calendar</span>
4373
- <span class="ngxsmk-keyboard-key">Esc</span>
4374
- </li>
4375
- <li class="ngxsmk-keyboard-help-item">
4376
- <span>Today</span>
4377
- <span class="ngxsmk-keyboard-key">T</span>
4378
- </li>
4379
- <li class="ngxsmk-keyboard-help-item">
4380
- <span>Yesterday</span>
4381
- <span class="ngxsmk-keyboard-key">Y</span>
4382
- </li>
4383
- <li class="ngxsmk-keyboard-help-item">
4384
- <span>Tomorrow</span>
4385
- <span class="ngxsmk-keyboard-key">N</span>
4386
- </li>
4387
- <li class="ngxsmk-keyboard-help-item">
4388
- <span>Next Week</span>
4389
- <span class="ngxsmk-keyboard-key">W</span>
4390
- </li>
4391
- <li class="ngxsmk-keyboard-help-item">
4392
- <span>Show shortcuts</span>
4393
- <span class="ngxsmk-keyboard-key">?</span>
4394
- </li>
4395
- </ul>
4396
- </div>
4302
+ args: [{ selector: 'ngxsmk-datepicker-keyboard-help', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
4303
+ <div
4304
+ class="ngxsmk-keyboard-help-backdrop"
4305
+ (click)="closeRequested.emit()"
4306
+ (keydown.enter)="closeRequested.emit()"
4307
+ (keydown.space)="closeRequested.emit()"
4308
+ tabindex="0"
4309
+ role="button"
4310
+ [attr.aria-label]="backdropLabel()"
4311
+ ></div>
4312
+ <div class="ngxsmk-keyboard-help-dialog" role="dialog" aria-modal="true" [attr.aria-label]="title()">
4313
+ <div class="ngxsmk-keyboard-help-header">
4314
+ <h3 class="ngxsmk-keyboard-help-title">{{ title() }}</h3>
4315
+ <button
4316
+ type="button"
4317
+ class="ngxsmk-keyboard-help-close"
4318
+ (click)="closeRequested.emit()"
4319
+ [attr.aria-label]="closeLabel()"
4320
+ >
4321
+ <svg
4322
+ xmlns="http://www.w3.org/2000/svg"
4323
+ width="20"
4324
+ height="20"
4325
+ viewBox="0 0 24 24"
4326
+ fill="none"
4327
+ stroke="currentColor"
4328
+ stroke-width="2"
4329
+ stroke-linecap="round"
4330
+ stroke-linejoin="round"
4331
+ >
4332
+ <line x1="18" y1="6" x2="6" y2="18"></line>
4333
+ <line x1="6" y1="6" x2="18" y2="18"></line>
4334
+ </svg>
4335
+ </button>
4336
+ </div>
4337
+ <ul class="ngxsmk-keyboard-help-list">
4338
+ <li class="ngxsmk-keyboard-help-item">
4339
+ <span>Next/Prev day</span>
4340
+ <div>
4341
+ <span class="ngxsmk-keyboard-key">←</span>
4342
+ <span class="ngxsmk-keyboard-key">→</span>
4343
+ </div>
4344
+ </li>
4345
+ <li class="ngxsmk-keyboard-help-item">
4346
+ <span>Next/Prev week</span>
4347
+ <div>
4348
+ <span class="ngxsmk-keyboard-key">↑</span>
4349
+ <span class="ngxsmk-keyboard-key">↓</span>
4350
+ </div>
4351
+ </li>
4352
+ <li class="ngxsmk-keyboard-help-item">
4353
+ <span>Select date</span>
4354
+ <div>
4355
+ <span class="ngxsmk-keyboard-key">Enter</span>
4356
+ <span class="ngxsmk-keyboard-key">Space</span>
4357
+ </div>
4358
+ </li>
4359
+ <li class="ngxsmk-keyboard-help-item">
4360
+ <span>Next/Prev month</span>
4361
+ <div>
4362
+ <span class="ngxsmk-keyboard-key">PgUp</span>
4363
+ <span class="ngxsmk-keyboard-key">PgDn</span>
4364
+ </div>
4365
+ </li>
4366
+ <li class="ngxsmk-keyboard-help-item">
4367
+ <span>Next/Prev year</span>
4368
+ <div>
4369
+ <span class="ngxsmk-keyboard-key">Shift</span> +
4370
+ <span class="ngxsmk-keyboard-key">PgUp/Dn</span>
4371
+ </div>
4372
+ </li>
4373
+ <li class="ngxsmk-keyboard-help-item">
4374
+ <span>First/Last day</span>
4375
+ <div>
4376
+ <span class="ngxsmk-keyboard-key">Home</span>
4377
+ <span class="ngxsmk-keyboard-key">End</span>
4378
+ </div>
4379
+ </li>
4380
+ <li class="ngxsmk-keyboard-help-item">
4381
+ <span>Close calendar</span>
4382
+ <span class="ngxsmk-keyboard-key">Esc</span>
4383
+ </li>
4384
+ <li class="ngxsmk-keyboard-help-item">
4385
+ <span>Today</span>
4386
+ <span class="ngxsmk-keyboard-key">T</span>
4387
+ </li>
4388
+ <li class="ngxsmk-keyboard-help-item">
4389
+ <span>Yesterday</span>
4390
+ <span class="ngxsmk-keyboard-key">Y</span>
4391
+ </li>
4392
+ <li class="ngxsmk-keyboard-help-item">
4393
+ <span>Tomorrow</span>
4394
+ <span class="ngxsmk-keyboard-key">N</span>
4395
+ </li>
4396
+ <li class="ngxsmk-keyboard-help-item">
4397
+ <span>Next Week</span>
4398
+ <span class="ngxsmk-keyboard-key">W</span>
4399
+ </li>
4400
+ <li class="ngxsmk-keyboard-help-item">
4401
+ <span>Show shortcuts</span>
4402
+ <span class="ngxsmk-keyboard-key">?</span>
4403
+ </li>
4404
+ </ul>
4405
+ </div>
4397
4406
  `, 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"] }]
4398
- }], propDecorators: { title: [{
4399
- type: Input
4400
- }], closeLabel: [{
4401
- type: Input
4402
- }], backdropLabel: [{
4403
- type: Input
4404
- }], closeRequested: [{
4405
- type: Output
4406
- }] } });
4407
+ }], 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"] }] } });
4407
4408
 
4408
4409
  function memoize(fn, keyGenerator) {
4409
4410
  const cache = new Map();
@@ -7931,6 +7932,22 @@ class NgxsmkDatepickerComponent {
7931
7932
  };
7932
7933
  NgxsmkDatepickerComponent._patchMetadataArrays(targetCmp, token, provider);
7933
7934
  }
7935
+ set disabledDates(val) {
7936
+ this._disabledDates = Array.isArray(val) ? val : [];
7937
+ this._syncDisabledDatesCache();
7938
+ this._updateMemoSignals();
7939
+ }
7940
+ get disabledDates() {
7941
+ return this._disabledDates;
7942
+ }
7943
+ set disabledRanges(val) {
7944
+ this._disabledRanges = Array.isArray(val) ? val : [];
7945
+ this._syncDisabledDatesCache();
7946
+ this._updateMemoSignals();
7947
+ }
7948
+ get disabledRanges() {
7949
+ return this._disabledRanges;
7950
+ }
7934
7951
  set placeholder(value) {
7935
7952
  this._placeholder = value;
7936
7953
  }
@@ -7985,7 +8002,6 @@ class NgxsmkDatepickerComponent {
7985
8002
  get yearRange() {
7986
8003
  return this._yearRange();
7987
8004
  }
7988
- // Feature 2: Multi-calendar view
7989
8005
  set calendars(value) {
7990
8006
  this.calendarCount = value;
7991
8007
  }
@@ -8414,6 +8430,7 @@ class NgxsmkDatepickerComponent {
8414
8430
  /** Emits when asyncDateFilter rejects; the previous disabled set is kept. */
8415
8431
  this.asyncDateFilterError = output();
8416
8432
  this.showRanges = input(true, ...(ngDevMode ? [{ debugName: "showRanges" }] : /* istanbul ignore next */ []));
8433
+ this.showPresets = input(false, ...(ngDevMode ? [{ debugName: "showPresets" }] : /* istanbul ignore next */ []));
8417
8434
  this.showTime = false;
8418
8435
  this.timeOnly = false;
8419
8436
  this.timeRangeMode = input(false, ...(ngDevMode ? [{ debugName: "timeRangeMode" }] : /* istanbul ignore next */ []));
@@ -8424,8 +8441,8 @@ class NgxsmkDatepickerComponent {
8424
8441
  this.showSeconds = false;
8425
8442
  this.holidayProvider = null;
8426
8443
  this.disableHolidays = false;
8427
- this.disabledDates = [];
8428
- this.disabledRanges = [];
8444
+ this._disabledDates = [];
8445
+ this._disabledRanges = [];
8429
8446
  this.dateTemplate = input(null, ...(ngDevMode ? [{ debugName: "dateTemplate" }] : /* istanbul ignore next */ []));
8430
8447
  this._placeholder = null;
8431
8448
  this.inline = false;
@@ -8482,13 +8499,10 @@ class NgxsmkDatepickerComponent {
8482
8499
  * literal separators are inserted automatically.
8483
8500
  */
8484
8501
  this.inputMask = false;
8485
- // Feature 1: Natural Language Date Input
8486
8502
  this.enableNaturalLanguage = false;
8487
8503
  this.naturalLanguagePreviewTemplate = input(...(ngDevMode ? [undefined, { debugName: "naturalLanguagePreviewTemplate" }] : /* istanbul ignore next */ []));
8488
8504
  this.naturalLanguageResolved = output();
8489
- // Feature 4: Disabled range blocking
8490
8505
  this.invalidRange = output();
8491
- // Feature 5: Timezone Selector UI
8492
8506
  this.showTimezoneSelector = input(false, ...(ngDevMode ? [{ debugName: "showTimezoneSelector" }] : /* istanbul ignore next */ []));
8493
8507
  this.defaultTimezone = 'UTC';
8494
8508
  this.timezoneChange = output();
@@ -8883,6 +8897,8 @@ class NgxsmkDatepickerComponent {
8883
8897
  this._cachedIsSameDayMemo = null;
8884
8898
  this._cachedIsHolidayMemo = null;
8885
8899
  this._cachedGetHolidayLabelMemo = null;
8900
+ this._disabledDatesTimestamps = new Set();
8901
+ this._parsedDisabledRanges = [];
8886
8902
  this.passiveTouchListeners = [];
8887
8903
  // Bind methods for child components to preserve 'this' context
8888
8904
  this.boundIsDateDisabled = (d) => this.isDateDisabledMemo(d);
@@ -9100,6 +9116,46 @@ class NgxsmkDatepickerComponent {
9100
9116
  disabledState: this._disabledStateSignal(),
9101
9117
  };
9102
9118
  }
9119
+ _syncDisabledDatesCache() {
9120
+ const set = new Set();
9121
+ if (this._disabledDates && this._disabledDates.length > 0) {
9122
+ for (const d of this._disabledDates) {
9123
+ let parsed = null;
9124
+ if (typeof d === 'string') {
9125
+ parsed = this.parsingService ? this.parsingService.parseDateString(d) : normalizeDate(d);
9126
+ }
9127
+ else if (d instanceof Date) {
9128
+ parsed = getStartOfDay(d);
9129
+ }
9130
+ if (parsed && !Number.isNaN(parsed.getTime())) {
9131
+ set.add(getStartOfDay(parsed).getTime());
9132
+ }
9133
+ }
9134
+ }
9135
+ this._disabledDatesTimestamps = set;
9136
+ const ranges = [];
9137
+ if (this._disabledRanges && this._disabledRanges.length > 0) {
9138
+ for (const r of this._disabledRanges) {
9139
+ const s = typeof r.start === 'string'
9140
+ ? this.parsingService
9141
+ ? this.parsingService.parseDateString(r.start)
9142
+ : normalizeDate(r.start)
9143
+ : getStartOfDay(r.start);
9144
+ const e = typeof r.end === 'string'
9145
+ ? this.parsingService
9146
+ ? this.parsingService.parseDateString(r.end)
9147
+ : normalizeDate(r.end)
9148
+ : getStartOfDay(r.end);
9149
+ if (s && e && !Number.isNaN(s.getTime()) && !Number.isNaN(e.getTime())) {
9150
+ ranges.push({
9151
+ startTime: getStartOfDay(s).getTime(),
9152
+ endTime: getEndOfDay(e).getTime(),
9153
+ });
9154
+ }
9155
+ }
9156
+ }
9157
+ this._parsedDisabledRanges = ranges;
9158
+ }
9103
9159
  _updateMemoSignals() {
9104
9160
  this._currentMonthSignal.set(this._currentMonth);
9105
9161
  this._currentYearSignal.set(this._currentYear);
@@ -9110,6 +9166,7 @@ class NgxsmkDatepickerComponent {
9110
9166
  disabledDates: this.disabledDates.length > 0 ? this.disabledDates : null,
9111
9167
  disabledRanges: this.disabledRanges.length > 0 ? this.disabledRanges : null,
9112
9168
  });
9169
+ this._syncDisabledDatesCache();
9113
9170
  }
9114
9171
  get isInlineMode() {
9115
9172
  if (this.inline === true || this.inline === 'always') {
@@ -9847,6 +9904,9 @@ class NgxsmkDatepickerComponent {
9847
9904
  this.currentDate = nextMonth;
9848
9905
  this._currentMonth = nextMonth.getMonth();
9849
9906
  this._currentYear = nextMonth.getFullYear();
9907
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
9908
+ this._currentMonthSignal.set(this._currentMonth);
9909
+ this._currentYearSignal.set(this._currentYear);
9850
9910
  this._invalidateMemoCache();
9851
9911
  }
9852
9912
  if (this.openCalendarTimeoutId) {
@@ -10506,12 +10566,18 @@ class NgxsmkDatepickerComponent {
10506
10566
  this.currentDate = nextMonth;
10507
10567
  this._currentMonth = nextMonth.getMonth();
10508
10568
  this._currentYear = nextMonth.getFullYear();
10569
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
10570
+ this._currentMonthSignal.set(this._currentMonth);
10571
+ this._currentYearSignal.set(this._currentYear);
10509
10572
  this._invalidateMemoCache();
10510
10573
  }
10511
10574
  else if (this.mode === 'range' && this.startDate) {
10512
10575
  this.currentDate = new Date(this.startDate);
10513
10576
  this._currentMonth = this.startDate.getMonth();
10514
10577
  this._currentYear = this.startDate.getFullYear();
10578
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
10579
+ this._currentMonthSignal.set(this._currentMonth);
10580
+ this._currentYearSignal.set(this._currentYear);
10515
10581
  this._invalidateMemoCache();
10516
10582
  }
10517
10583
  }
@@ -10748,9 +10814,19 @@ class NgxsmkDatepickerComponent {
10748
10814
  this.isCalendarOpen = false;
10749
10815
  this.emitValue(null);
10750
10816
  this.action.emit({ type: 'clear', payload: null });
10751
- this.currentDate = new Date();
10817
+ let resetDate = new Date();
10818
+ if (this._startAtDate) {
10819
+ resetDate = new Date(this._startAtDate);
10820
+ }
10821
+ else if (this._minDate && getStartOfDay(this._minDate).getTime() > this.today.getTime()) {
10822
+ resetDate = new Date(this._minDate);
10823
+ }
10824
+ this.currentDate = resetDate;
10752
10825
  this._currentMonth = this.currentDate.getMonth();
10753
10826
  this._currentYear = this.currentDate.getFullYear();
10827
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
10828
+ this._currentMonthSignal.set(this._currentMonth);
10829
+ this._currentYearSignal.set(this._currentYear);
10754
10830
  this._invalidateMemoCache();
10755
10831
  this.generateCalendar();
10756
10832
  }
@@ -10856,6 +10932,9 @@ class NgxsmkDatepickerComponent {
10856
10932
  this.currentDate = new Date(today);
10857
10933
  this._currentMonth = today.getMonth();
10858
10934
  this._currentYear = today.getFullYear();
10935
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
10936
+ this._currentMonthSignal.set(this._currentMonth);
10937
+ this._currentYearSignal.set(this._currentYear);
10859
10938
  this._invalidateMemoCache();
10860
10939
  }
10861
10940
  }
@@ -11205,6 +11284,9 @@ class NgxsmkDatepickerComponent {
11205
11284
  this.currentDate = new Date(this._startAtDate);
11206
11285
  this._currentMonth = this.currentDate.getMonth();
11207
11286
  this._currentYear = this.currentDate.getFullYear();
11287
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
11288
+ this._currentMonthSignal.set(this._currentMonth);
11289
+ this._currentYearSignal.set(this._currentYear);
11208
11290
  this.generateCalendar();
11209
11291
  this.cdr.markForCheck();
11210
11292
  }
@@ -11219,6 +11301,9 @@ class NgxsmkDatepickerComponent {
11219
11301
  this.currentDate = new Date(this._minDate);
11220
11302
  this._currentMonth = this.currentDate.getMonth();
11221
11303
  this._currentYear = this.currentDate.getFullYear();
11304
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
11305
+ this._currentMonthSignal.set(this._currentMonth);
11306
+ this._currentYearSignal.set(this._currentYear);
11222
11307
  this.generateCalendar();
11223
11308
  this.cdr.markForCheck();
11224
11309
  }
@@ -11371,6 +11456,9 @@ class NgxsmkDatepickerComponent {
11371
11456
  this.currentDate = new Date(viewCenterDate);
11372
11457
  this._currentMonth = viewCenterDate.getMonth();
11373
11458
  this._currentYear = viewCenterDate.getFullYear();
11459
+ this._currentDecade = Math.floor(this._currentYear / 10) * 10;
11460
+ this._currentMonthSignal.set(this._currentMonth);
11461
+ this._currentYearSignal.set(this._currentYear);
11374
11462
  this.currentHour = viewCenterDate.getHours();
11375
11463
  this.currentMinute = viewCenterDate.getMinutes();
11376
11464
  if (this.showSeconds) {
@@ -11935,6 +12023,29 @@ class NgxsmkDatepickerComponent {
11935
12023
  this.weekDays = generateWeekDays(this.locale, this.firstDayOfWeek);
11936
12024
  this.weekDaysFull = generateWeekDaysFull(this.locale, this.firstDayOfWeek);
11937
12025
  }
12026
+ _getDefaultPresets() {
12027
+ const today = this.today || new Date();
12028
+ const todayStart = getStartOfDay(today);
12029
+ const todayEnd = getEndOfDay(today);
12030
+ const yesterday = new Date(today);
12031
+ yesterday.setDate(yesterday.getDate() - 1);
12032
+ const last7Days = new Date(today);
12033
+ last7Days.setDate(last7Days.getDate() - 6);
12034
+ const last30Days = new Date(today);
12035
+ last30Days.setDate(last30Days.getDate() - 29);
12036
+ const startOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
12037
+ const endOfMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0, 23, 59, 59, 999);
12038
+ const startOfLastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);
12039
+ const endOfLastMonth = new Date(today.getFullYear(), today.getMonth(), 0, 23, 59, 59, 999);
12040
+ return [
12041
+ { key: this.getTranslation('today') || 'Today', value: [todayStart, todayEnd] },
12042
+ { key: 'Yesterday', value: [getStartOfDay(yesterday), getEndOfDay(yesterday)] },
12043
+ { key: 'Last 7 Days', value: [getStartOfDay(last7Days), todayEnd] },
12044
+ { key: 'Last 30 Days', value: [getStartOfDay(last30Days), todayEnd] },
12045
+ { key: 'This Month', value: [startOfMonth, endOfMonth] },
12046
+ { key: 'Last Month', value: [startOfLastMonth, endOfLastMonth] },
12047
+ ];
12048
+ }
11938
12049
  updateRangesArray() {
11939
12050
  let factoryPresets = [];
11940
12051
  if (this.rangePresetFactory) {
@@ -11953,7 +12064,12 @@ class NgxsmkDatepickerComponent {
11953
12064
  }
11954
12065
  }
11955
12066
  const standardPresets = this._ranges ? Object.entries(this._ranges).map(([key, value]) => ({ key, value })) : [];
11956
- this.rangesArray = [...standardPresets, ...factoryPresets];
12067
+ if (standardPresets.length === 0 && factoryPresets.length === 0 && this.showPresets()) {
12068
+ this.rangesArray = this._getDefaultPresets();
12069
+ }
12070
+ else {
12071
+ this.rangesArray = [...standardPresets, ...factoryPresets];
12072
+ }
11957
12073
  }
11958
12074
  setTimezone(tz) {
11959
12075
  if (this.timezone === tz)
@@ -12088,31 +12204,23 @@ class NgxsmkDatepickerComponent {
12088
12204
  return this.isInvalidDate(date);
12089
12205
  }
12090
12206
  _isInDisabledDates(dateOnly) {
12091
- if (this.disabledDates.length === 0)
12207
+ if (this._disabledDates.length === 0)
12092
12208
  return false;
12093
- for (const disabledDate of this.disabledDates) {
12094
- const parsedDate = typeof disabledDate === 'string'
12095
- ? this.parsingService.parseDateString(disabledDate)
12096
- : getStartOfDay(disabledDate);
12097
- if (dateOnly.getTime() === parsedDate?.getTime()) {
12098
- return true;
12099
- }
12209
+ if (this._disabledDatesTimestamps.size === 0) {
12210
+ this._syncDisabledDatesCache();
12100
12211
  }
12101
- return false;
12212
+ return this._disabledDatesTimestamps.has(dateOnly.getTime());
12102
12213
  }
12103
12214
  _isInDisabledRanges(dateOnly) {
12104
- if (this.disabledRanges.length === 0)
12215
+ if (this._disabledRanges.length === 0)
12105
12216
  return false;
12217
+ if (this._parsedDisabledRanges.length === 0) {
12218
+ this._syncDisabledDatesCache();
12219
+ }
12106
12220
  const dateTime = dateOnly.getTime();
12107
- for (const range of this.disabledRanges) {
12108
- const startDate = typeof range.start === 'string' ? this.parsingService.parseDateString(range.start) : getStartOfDay(range.start);
12109
- const endDate = typeof range.end === 'string' ? this.parsingService.parseDateString(range.end) : getStartOfDay(range.end);
12110
- if (startDate && endDate) {
12111
- const startTime = getStartOfDay(startDate).getTime();
12112
- const endTime = getEndOfDay(endDate).getTime();
12113
- if (dateTime >= startTime && dateTime <= endTime) {
12114
- return true;
12115
- }
12221
+ for (const range of this._parsedDisabledRanges) {
12222
+ if (dateTime >= range.startTime && dateTime <= range.endTime) {
12223
+ return true;
12116
12224
  }
12117
12225
  }
12118
12226
  return false;
@@ -12689,6 +12797,9 @@ class NgxsmkDatepickerComponent {
12689
12797
  const baseMonth = this.currentDate.getMonth();
12690
12798
  this._currentMonth = baseMonth;
12691
12799
  this._currentYear = baseYear;
12800
+ this._currentDecade = Math.floor(baseYear / 10) * 10;
12801
+ this._currentMonthSignal.set(baseMonth);
12802
+ this._currentYearSignal.set(baseYear);
12692
12803
  this.generateDropdownOptions();
12693
12804
  const months = this.buildCalendarMonths(baseYear, baseMonth, count);
12694
12805
  this.multiCalendarMonths = months;
@@ -12996,10 +13107,20 @@ class NgxsmkDatepickerComponent {
12996
13107
  month: 'long',
12997
13108
  });
12998
13109
  const year = newDate.getFullYear();
12999
- const monthChangedMsg = this.getTranslation('monthChanged', undefined, {
13000
- month: monthName,
13001
- year: String(year),
13002
- }) || `${monthName} ${year}`;
13110
+ let monthChangedMsg;
13111
+ if (this.calendars > 1) {
13112
+ const endMonthDate = new Date(year, newDate.getMonth() + this.calendars - 1, 1);
13113
+ const endMonthName = endMonthDate.toLocaleDateString(this.locale, { month: 'long' });
13114
+ const endYear = endMonthDate.getFullYear();
13115
+ monthChangedMsg = `${monthName} ${year} – ${endMonthName} ${endYear}`;
13116
+ }
13117
+ else {
13118
+ monthChangedMsg =
13119
+ this.getTranslation('monthChanged', undefined, {
13120
+ month: monthName,
13121
+ year: String(year),
13122
+ }) || `${monthName} ${year}`;
13123
+ }
13003
13124
  this.ariaLiveService.announce(monthChangedMsg, 'polite');
13004
13125
  this.action.emit({ type: 'monthChanged', payload: { delta: delta } });
13005
13126
  }
@@ -13500,249 +13621,249 @@ class NgxsmkDatepickerComponent {
13500
13621
  }
13501
13622
  }
13502
13623
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13503
- 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 }, 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: [
13624
+ 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: [
13504
13625
  FieldSyncService,
13505
13626
  CalendarGenerationService,
13506
13627
  DatepickerParsingService,
13507
13628
  TouchGestureHandlerService,
13508
13629
  PopoverPositioningService,
13509
13630
  DatePipe,
13510
- ], 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: `
13511
- <div
13512
- class="ngxsmk-datepicker-wrapper"
13513
- [class.ngxsmk-inline-mode]="isInlineMode"
13514
- [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
13515
- [class.ngxsmk-append-to-body]="_shouldAppendToBody"
13516
- [class.ngxsmk-rtl]="isRtl"
13517
- [class.ngxsmk-native-picker]="shouldUseNativePicker()"
13518
- [class.ngxsmk-no-responsive]="!responsive"
13519
- [ngClass]="classes()?.wrapper"
13520
- >
13521
- @if (!isInlineMode) {
13522
- <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
13523
- <ngxsmk-datepicker-input
13524
- #datepickerInput
13525
- [isNative]="shouldUseNativePicker()"
13526
- [disabled]="disabled"
13527
- [classes]="classes()"
13528
- [nativeInputType]="getNativeInputType()"
13529
- [formattedValue]="formatValueForNativeInput(value)"
13530
- [placeholder]="placeholder"
13531
- [id]="inputId || _uniqueId"
13532
- [name]="name"
13533
- [autocomplete]="autocomplete"
13534
- [required]="required"
13535
- [minDateNative]="getMinDateForNativeInput()"
13536
- [maxDateNative]="getMaxDateForNativeInput()"
13537
- [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13538
- [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
13539
- [errorState]="errorState"
13540
- [clearAriaLabel]="_clearAriaLabel"
13541
- [clearLabel]="_clearLabel"
13542
- [isCalendarOpen]="isCalendarOpen"
13543
- [allowTyping]="allowTyping"
13544
- [typedInputValue]="typedInputValue"
13545
- [displayValue]="displayValue"
13546
- [showCalendarButton]="showCalendarButton"
13547
- [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13548
- [validationErrorMessage]="validationErrorMessage"
13549
- (nativeInputChange)="onNativeInputChange($event)"
13550
- (inputBlur)="onInputBlur($event)"
13551
- (clearValue)="clearValue($event)"
13552
- (toggleCalendar)="toggleCalendar($event)"
13553
- (pointerDown)="onPointerDown($event)"
13554
- (pointerUp)="onPointerUp($event)"
13555
- (inputGroupFocus)="onInputGroupFocus()"
13556
- (inputKeyDown)="onInputKeyDown($event)"
13557
- (inputChange)="onInputChange($event)"
13558
- (inputFocus)="onInputFocus($event)"
13559
- ></ngxsmk-datepicker-input>
13560
- @if (showNaturalLanguagePreview && naturalLanguagePreview) {
13561
- <div
13562
- class="ngxsmk-natural-language-preview"
13563
- 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;"
13564
- >
13565
- <ng-container
13566
- [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
13567
- [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
13568
- ></ng-container>
13569
- </div>
13570
- }
13571
- </div>
13572
- }
13573
-
13574
- <ng-template #defaultPreviewTpl let-preview>
13575
- <div class="ngxsmk-natural-language-preview-content">
13576
- Resolved: <strong>{{ preview }}</strong>
13577
- </div>
13578
- </ng-template>
13579
-
13580
- <ng-template #portalContent>
13581
- <ngxsmk-datepicker-content
13582
- #datepickerContent
13583
- [isCalendarVisible]="isCalendarVisible"
13584
- [isCalendarOpen]="_isCalendarOpen()"
13585
- [isInlineMode]="isInlineMode"
13586
- [shouldAppendToBody]="_shouldAppendToBody"
13587
- [theme]="theme"
13588
- [popoverId]="popoverId"
13589
- [classes]="classes()"
13590
- [timeOnly]="timeOnly"
13591
- [showTime]="showTime"
13592
- [isMobile]="isMobileDevice()"
13593
- [mobileModalStyle]="mobileModalStyle"
13594
- [align]="align"
13595
- [ariaLabel]="calendarAriaLabel()"
13596
- [isCalendarOpening]="isCalendarOpening"
13597
- [loadingMessage]="calendarLoadingMessage()"
13598
- [showRanges]="showRanges()"
13599
- [rangesArray]="rangesArray"
13600
- [selectedRange]="[startDate, endDate]"
13601
- [showTimezoneSelector]="showTimezoneSelector()"
13602
- [timezoneOptions]="getTimezoneOptions()"
13603
- [currentTimezone]="timezone || defaultTimezone"
13604
- [mode]="mode"
13605
- [disabled]="disabled"
13606
- [calendarCount]="calendarCount"
13607
- [calendarLayout]="calendarLayout"
13608
- [syncScrollEnabled]="syncScroll().enabled ?? false"
13609
- [calendarMonths]="renderedCalendars()"
13610
- [weekDays]="weekDays"
13611
- [weekDaysFull]="weekDaysFull"
13612
- [showOtherMonths]="showOtherMonths"
13613
- [showWeekNumbers]="showWeekNumbers"
13614
- [weekNumberLabel]="weekNumberLabel"
13615
- [secondaryCalendar]="secondaryCalendar"
13616
- [secondaryCalendarLocale]="locale"
13617
- [selectedDate]="selectedDate"
13618
- [startDate]="startDate"
13619
- [endDate]="endDate"
13620
- [focusedDate]="focusedDate"
13621
- [today]="today"
13622
- [dateTemplate]="dateTemplate()"
13623
- [calendarViewMode]="calendarViewMode"
13624
- [monthOptions]="monthOptions()"
13625
- [currentMonth]="_currentMonthSignal()"
13626
- [yearOptions]="yearOptions()"
13627
- [currentYear]="_currentYearSignal()"
13628
- [isBackArrowDisabled]="isBackArrowDisabled"
13629
- [prevMonthAriaLabel]="_prevMonthAriaLabel"
13630
- [nextMonthAriaLabel]="_nextMonthAriaLabel"
13631
- [yearGrid]="yearGrid"
13632
- [currentDecade]="_currentDecade"
13633
- [decadeGrid]="decadeGrid"
13634
- [timelineStartDate]="timelineStartDate"
13635
- [timelineEndDate]="timelineEndDate"
13636
- [timelineMonths]="timelineMonths"
13637
- [minuteInterval]="minuteInterval"
13638
- [startTimeSlider]="startTimeSlider"
13639
- [endTimeSlider]="endTimeSlider"
13640
- [timeRangeMode]="timeRangeMode()"
13641
- [hourOptions]="hourOptions"
13642
- [minuteOptions]="minuteOptions"
13643
- [secondOptions]="secondOptions"
13644
- [ampmOptions]="ampmOptions"
13645
- [currentDisplayHour]="currentDisplayHour"
13646
- [currentMinute]="currentMinute"
13647
- [currentSecond]="currentSecond"
13648
- [isPm]="isPm"
13649
- [showSeconds]="showSeconds"
13650
- [use24Hour]="use24Hour"
13651
- [startDisplayHour]="startDisplayHour"
13652
- [startMinute]="startMinute"
13653
- [startSecond]="startSecond"
13654
- [startIsPm]="startIsPm"
13655
- [endDisplayHour]="endDisplayHour"
13656
- [endMinute]="endMinute"
13657
- [endSecond]="endSecond"
13658
- [endIsPm]="endIsPm"
13659
- [clearAriaLabel]="_clearAriaLabel"
13660
- [clearLabel]="_clearLabel"
13661
- [closeAriaLabel]="_closeAriaLabel"
13662
- [closeLabel]="_closeLabel"
13663
- [translations]="_translations"
13664
- [boundIsDateDisabled]="boundIsDateDisabled"
13665
- [boundIsYearDisabled]="boundIsYearDisabled"
13666
- [boundIsDecadeDisabled]="boundIsDecadeDisabled"
13667
- [boundGetDayMetadata]="boundGetDayMetadata"
13668
- [calendarHeaderTemplate]="calendarHeaderTemplate"
13669
- [calendarFooterTemplate]="calendarFooterTemplate"
13670
- [boundIsSameDay]="boundIsSameDay"
13671
- [boundIsHoliday]="boundIsHoliday"
13672
- [boundIsMultipleSelected]="boundIsMultipleSelected"
13673
- [boundIsInRange]="boundIsInRange"
13674
- [boundIsInComparisonRange]="boundIsInComparisonRange"
13675
- [boundIsPreviewInRange]="boundIsPreviewInRange"
13676
- [boundGetAriaLabel]="boundGetAriaLabel"
13677
- [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
13678
- [boundGetDayCellTooltip]="boundGetDayCellTooltip"
13679
- [boundFormatDayNumber]="boundFormatDayNumber"
13680
- [getMonthYearLabel]="boundGetMonthYearLabel"
13681
- [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
13682
- [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
13683
- [formatTimeSliderValue]="boundFormatTimeSliderValue"
13684
- (backdropClick)="onBackdropInteract($event)"
13685
- (escapeKey)="onPopoverEscape($event)"
13686
- (touchStartContainer)="onBottomSheetTouchStart($event)"
13687
- (touchMoveContainer)="onBottomSheetTouchMove($event)"
13688
- (touchEndContainer)="onBottomSheetTouchEnd($event)"
13689
- (rangeSelect)="selectRange($event)"
13690
- (timezoneChange)="setTimezone($event)"
13691
- (previousMonth)="changeMonth(-1)"
13692
- (nextMonth)="changeMonth(1)"
13693
- (currentMonthChange)="currentMonth = $event"
13694
- (currentYearChange)="onYearSelectChange($event)"
13695
- (dateClick)="onDateClick($event)"
13696
- (dateHover)="onDateHover($event)"
13697
- (dateFocus)="onDateFocus($event)"
13698
- (swipeStart)="onCalendarSwipeStart($event)"
13699
- (swipeMove)="onCalendarSwipeMove($event)"
13700
- (swipeEnd)="onCalendarSwipeEnd($event)"
13701
- (touchStart)="onDateCellTouchStart($event.event, $event.day)"
13702
- (touchMove)="onDateCellTouchMove($event)"
13703
- (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
13704
- (viewModeChange)="onViewModeChange($event)"
13705
- (changeYear)="changeYear($event)"
13706
- (yearClick)="onYearClick($event)"
13707
- (changeDecade)="changeDecade($event)"
13708
- (decadeClick)="onDecadeClick($event)"
13709
- (timelineZoomOut)="timelineZoomOut()"
13710
- (timelineZoomIn)="timelineZoomIn()"
13711
- (timelineMonthClick)="onTimelineMonthClick($event)"
13712
- (startTimeSliderChange)="onStartTimeSliderChange($event)"
13713
- (endTimeSliderChange)="onEndTimeSliderChange($event)"
13714
- (currentDisplayHourChange)="currentDisplayHour = $event"
13715
- (currentMinuteChange)="currentMinute = $event"
13716
- (currentSecondChange)="currentSecond = $event"
13717
- (isPmChange)="isPm = $event"
13718
- (timeChange)="timeChange()"
13719
- (startDisplayHourChange)="startDisplayHour = $event"
13720
- (startMinuteChange)="startMinute = $event"
13721
- (startSecondChange)="startSecond = $event"
13722
- (startIsPmChange)="startIsPm = $event"
13723
- (endDisplayHourChange)="endDisplayHour = $event"
13724
- (endMinuteChange)="endMinute = $event"
13725
- (endSecondChange)="endSecond = $event"
13726
- (endIsPmChange)="endIsPm = $event"
13727
- (timeRangeChange)="timeRangeChange()"
13728
- (clearValue)="clearValue($event)"
13729
- (closeCalendar)="closeCalendarWithFocusRestore()"
13730
- ></ngxsmk-datepicker-content>
13731
- </ng-template>
13732
-
13733
- @if (isCalendarVisible && !_shouldAppendToBody) {
13734
- <ng-container *ngTemplateOutlet="portalContent"></ng-container>
13735
- }
13736
- @if (isKeyboardHelpOpen) {
13737
- <ngxsmk-datepicker-keyboard-help
13738
- [title]="getTranslation('keyboardShortcuts')"
13739
- [closeLabel]="getTranslation('close')"
13740
- [backdropLabel]="getTranslation('closeCalendarOverlay')"
13741
- (closeRequested)="toggleKeyboardHelp()"
13742
- />
13743
- }
13744
- </div>
13745
- `, 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-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}}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 }); }
13631
+ ], 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: `
13632
+ <div
13633
+ class="ngxsmk-datepicker-wrapper"
13634
+ [class.ngxsmk-inline-mode]="isInlineMode"
13635
+ [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
13636
+ [class.ngxsmk-append-to-body]="_shouldAppendToBody"
13637
+ [class.ngxsmk-rtl]="isRtl"
13638
+ [class.ngxsmk-native-picker]="shouldUseNativePicker()"
13639
+ [class.ngxsmk-no-responsive]="!responsive"
13640
+ [ngClass]="classes()?.wrapper"
13641
+ >
13642
+ @if (!isInlineMode) {
13643
+ <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
13644
+ <ngxsmk-datepicker-input
13645
+ #datepickerInput
13646
+ [isNative]="shouldUseNativePicker()"
13647
+ [disabled]="disabled"
13648
+ [classes]="classes()"
13649
+ [nativeInputType]="getNativeInputType()"
13650
+ [formattedValue]="formatValueForNativeInput(value)"
13651
+ [placeholder]="placeholder"
13652
+ [id]="inputId || _uniqueId"
13653
+ [name]="name"
13654
+ [autocomplete]="autocomplete"
13655
+ [required]="required"
13656
+ [minDateNative]="getMinDateForNativeInput()"
13657
+ [maxDateNative]="getMaxDateForNativeInput()"
13658
+ [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13659
+ [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
13660
+ [errorState]="errorState"
13661
+ [clearAriaLabel]="_clearAriaLabel"
13662
+ [clearLabel]="_clearLabel"
13663
+ [isCalendarOpen]="isCalendarOpen"
13664
+ [allowTyping]="allowTyping"
13665
+ [typedInputValue]="typedInputValue"
13666
+ [displayValue]="displayValue"
13667
+ [showCalendarButton]="showCalendarButton"
13668
+ [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13669
+ [validationErrorMessage]="validationErrorMessage"
13670
+ (nativeInputChange)="onNativeInputChange($event)"
13671
+ (inputBlur)="onInputBlur($event)"
13672
+ (clearValue)="clearValue($event)"
13673
+ (toggleCalendar)="toggleCalendar($event)"
13674
+ (pointerDown)="onPointerDown($event)"
13675
+ (pointerUp)="onPointerUp($event)"
13676
+ (inputGroupFocus)="onInputGroupFocus()"
13677
+ (inputKeyDown)="onInputKeyDown($event)"
13678
+ (inputChange)="onInputChange($event)"
13679
+ (inputFocus)="onInputFocus($event)"
13680
+ ></ngxsmk-datepicker-input>
13681
+ @if (showNaturalLanguagePreview && naturalLanguagePreview) {
13682
+ <div
13683
+ class="ngxsmk-natural-language-preview"
13684
+ 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;"
13685
+ >
13686
+ <ng-container
13687
+ [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
13688
+ [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
13689
+ ></ng-container>
13690
+ </div>
13691
+ }
13692
+ </div>
13693
+ }
13694
+
13695
+ <ng-template #defaultPreviewTpl let-preview>
13696
+ <div class="ngxsmk-natural-language-preview-content">
13697
+ Resolved: <strong>{{ preview }}</strong>
13698
+ </div>
13699
+ </ng-template>
13700
+
13701
+ <ng-template #portalContent>
13702
+ <ngxsmk-datepicker-content
13703
+ #datepickerContent
13704
+ [isCalendarVisible]="isCalendarVisible"
13705
+ [isCalendarOpen]="_isCalendarOpen()"
13706
+ [isInlineMode]="isInlineMode"
13707
+ [shouldAppendToBody]="_shouldAppendToBody"
13708
+ [theme]="theme"
13709
+ [popoverId]="popoverId"
13710
+ [classes]="classes()"
13711
+ [timeOnly]="timeOnly"
13712
+ [showTime]="showTime"
13713
+ [isMobile]="isMobileDevice()"
13714
+ [mobileModalStyle]="mobileModalStyle"
13715
+ [align]="align"
13716
+ [ariaLabel]="calendarAriaLabel()"
13717
+ [isCalendarOpening]="isCalendarOpening"
13718
+ [loadingMessage]="calendarLoadingMessage()"
13719
+ [showRanges]="showRanges() || showPresets()"
13720
+ [rangesArray]="rangesArray"
13721
+ [selectedRange]="[startDate, endDate]"
13722
+ [showTimezoneSelector]="showTimezoneSelector()"
13723
+ [timezoneOptions]="getTimezoneOptions()"
13724
+ [currentTimezone]="timezone || defaultTimezone"
13725
+ [mode]="mode"
13726
+ [disabled]="disabled"
13727
+ [calendarCount]="calendarCount"
13728
+ [calendarLayout]="calendarLayout"
13729
+ [syncScrollEnabled]="syncScroll().enabled ?? false"
13730
+ [calendarMonths]="renderedCalendars()"
13731
+ [weekDays]="weekDays"
13732
+ [weekDaysFull]="weekDaysFull"
13733
+ [showOtherMonths]="showOtherMonths"
13734
+ [showWeekNumbers]="showWeekNumbers"
13735
+ [weekNumberLabel]="weekNumberLabel"
13736
+ [secondaryCalendar]="secondaryCalendar"
13737
+ [secondaryCalendarLocale]="locale"
13738
+ [selectedDate]="selectedDate"
13739
+ [startDate]="startDate"
13740
+ [endDate]="endDate"
13741
+ [focusedDate]="focusedDate"
13742
+ [today]="today"
13743
+ [dateTemplate]="dateTemplate()"
13744
+ [calendarViewMode]="calendarViewMode"
13745
+ [monthOptions]="monthOptions()"
13746
+ [currentMonth]="_currentMonthSignal()"
13747
+ [yearOptions]="yearOptions()"
13748
+ [currentYear]="_currentYearSignal()"
13749
+ [isBackArrowDisabled]="isBackArrowDisabled"
13750
+ [prevMonthAriaLabel]="_prevMonthAriaLabel"
13751
+ [nextMonthAriaLabel]="_nextMonthAriaLabel"
13752
+ [yearGrid]="yearGrid"
13753
+ [currentDecade]="_currentDecade"
13754
+ [decadeGrid]="decadeGrid"
13755
+ [timelineStartDate]="timelineStartDate"
13756
+ [timelineEndDate]="timelineEndDate"
13757
+ [timelineMonths]="timelineMonths"
13758
+ [minuteInterval]="minuteInterval"
13759
+ [startTimeSlider]="startTimeSlider"
13760
+ [endTimeSlider]="endTimeSlider"
13761
+ [timeRangeMode]="timeRangeMode()"
13762
+ [hourOptions]="hourOptions"
13763
+ [minuteOptions]="minuteOptions"
13764
+ [secondOptions]="secondOptions"
13765
+ [ampmOptions]="ampmOptions"
13766
+ [currentDisplayHour]="currentDisplayHour"
13767
+ [currentMinute]="currentMinute"
13768
+ [currentSecond]="currentSecond"
13769
+ [isPm]="isPm"
13770
+ [showSeconds]="showSeconds"
13771
+ [use24Hour]="use24Hour"
13772
+ [startDisplayHour]="startDisplayHour"
13773
+ [startMinute]="startMinute"
13774
+ [startSecond]="startSecond"
13775
+ [startIsPm]="startIsPm"
13776
+ [endDisplayHour]="endDisplayHour"
13777
+ [endMinute]="endMinute"
13778
+ [endSecond]="endSecond"
13779
+ [endIsPm]="endIsPm"
13780
+ [clearAriaLabel]="_clearAriaLabel"
13781
+ [clearLabel]="_clearLabel"
13782
+ [closeAriaLabel]="_closeAriaLabel"
13783
+ [closeLabel]="_closeLabel"
13784
+ [translations]="_translations"
13785
+ [boundIsDateDisabled]="boundIsDateDisabled"
13786
+ [boundIsYearDisabled]="boundIsYearDisabled"
13787
+ [boundIsDecadeDisabled]="boundIsDecadeDisabled"
13788
+ [boundGetDayMetadata]="boundGetDayMetadata"
13789
+ [calendarHeaderTemplate]="calendarHeaderTemplate"
13790
+ [calendarFooterTemplate]="calendarFooterTemplate"
13791
+ [boundIsSameDay]="boundIsSameDay"
13792
+ [boundIsHoliday]="boundIsHoliday"
13793
+ [boundIsMultipleSelected]="boundIsMultipleSelected"
13794
+ [boundIsInRange]="boundIsInRange"
13795
+ [boundIsInComparisonRange]="boundIsInComparisonRange"
13796
+ [boundIsPreviewInRange]="boundIsPreviewInRange"
13797
+ [boundGetAriaLabel]="boundGetAriaLabel"
13798
+ [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
13799
+ [boundGetDayCellTooltip]="boundGetDayCellTooltip"
13800
+ [boundFormatDayNumber]="boundFormatDayNumber"
13801
+ [getMonthYearLabel]="boundGetMonthYearLabel"
13802
+ [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
13803
+ [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
13804
+ [formatTimeSliderValue]="boundFormatTimeSliderValue"
13805
+ (backdropClick)="onBackdropInteract($event)"
13806
+ (escapeKey)="onPopoverEscape($event)"
13807
+ (touchStartContainer)="onBottomSheetTouchStart($event)"
13808
+ (touchMoveContainer)="onBottomSheetTouchMove($event)"
13809
+ (touchEndContainer)="onBottomSheetTouchEnd($event)"
13810
+ (rangeSelect)="selectRange($event)"
13811
+ (timezoneChange)="setTimezone($event)"
13812
+ (previousMonth)="changeMonth(-1)"
13813
+ (nextMonth)="changeMonth(1)"
13814
+ (currentMonthChange)="currentMonth = $event"
13815
+ (currentYearChange)="onYearSelectChange($event)"
13816
+ (dateClick)="onDateClick($event)"
13817
+ (dateHover)="onDateHover($event)"
13818
+ (dateFocus)="onDateFocus($event)"
13819
+ (swipeStart)="onCalendarSwipeStart($event)"
13820
+ (swipeMove)="onCalendarSwipeMove($event)"
13821
+ (swipeEnd)="onCalendarSwipeEnd($event)"
13822
+ (touchStart)="onDateCellTouchStart($event.event, $event.day)"
13823
+ (touchMove)="onDateCellTouchMove($event)"
13824
+ (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
13825
+ (viewModeChange)="onViewModeChange($event)"
13826
+ (changeYear)="changeYear($event)"
13827
+ (yearClick)="onYearClick($event)"
13828
+ (changeDecade)="changeDecade($event)"
13829
+ (decadeClick)="onDecadeClick($event)"
13830
+ (timelineZoomOut)="timelineZoomOut()"
13831
+ (timelineZoomIn)="timelineZoomIn()"
13832
+ (timelineMonthClick)="onTimelineMonthClick($event)"
13833
+ (startTimeSliderChange)="onStartTimeSliderChange($event)"
13834
+ (endTimeSliderChange)="onEndTimeSliderChange($event)"
13835
+ (currentDisplayHourChange)="currentDisplayHour = $event"
13836
+ (currentMinuteChange)="currentMinute = $event"
13837
+ (currentSecondChange)="currentSecond = $event"
13838
+ (isPmChange)="isPm = $event"
13839
+ (timeChange)="timeChange()"
13840
+ (startDisplayHourChange)="startDisplayHour = $event"
13841
+ (startMinuteChange)="startMinute = $event"
13842
+ (startSecondChange)="startSecond = $event"
13843
+ (startIsPmChange)="startIsPm = $event"
13844
+ (endDisplayHourChange)="endDisplayHour = $event"
13845
+ (endMinuteChange)="endMinute = $event"
13846
+ (endSecondChange)="endSecond = $event"
13847
+ (endIsPmChange)="endIsPm = $event"
13848
+ (timeRangeChange)="timeRangeChange()"
13849
+ (clearValue)="clearValue($event)"
13850
+ (closeCalendar)="closeCalendarWithFocusRestore()"
13851
+ ></ngxsmk-datepicker-content>
13852
+ </ng-template>
13853
+
13854
+ @if (isCalendarVisible && !_shouldAppendToBody) {
13855
+ <ng-container *ngTemplateOutlet="portalContent"></ng-container>
13856
+ }
13857
+ @if (isKeyboardHelpOpen) {
13858
+ <ngxsmk-datepicker-keyboard-help
13859
+ [title]="getTranslation('keyboardShortcuts')"
13860
+ [closeLabel]="getTranslation('close')"
13861
+ [backdropLabel]="getTranslation('closeCalendarOverlay')"
13862
+ (closeRequested)="toggleKeyboardHelp()"
13863
+ />
13864
+ }
13865
+ </div>
13866
+ `, 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 }); }
13746
13867
  }
13747
13868
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, decorators: [{
13748
13869
  type: Component,
@@ -13761,242 +13882,242 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
13761
13882
  DatePipe,
13762
13883
  ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
13763
13884
  '[class.ngxsmk-inline]': 'isInlineMode',
13764
- }, template: `
13765
- <div
13766
- class="ngxsmk-datepicker-wrapper"
13767
- [class.ngxsmk-inline-mode]="isInlineMode"
13768
- [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
13769
- [class.ngxsmk-append-to-body]="_shouldAppendToBody"
13770
- [class.ngxsmk-rtl]="isRtl"
13771
- [class.ngxsmk-native-picker]="shouldUseNativePicker()"
13772
- [class.ngxsmk-no-responsive]="!responsive"
13773
- [ngClass]="classes()?.wrapper"
13774
- >
13775
- @if (!isInlineMode) {
13776
- <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
13777
- <ngxsmk-datepicker-input
13778
- #datepickerInput
13779
- [isNative]="shouldUseNativePicker()"
13780
- [disabled]="disabled"
13781
- [classes]="classes()"
13782
- [nativeInputType]="getNativeInputType()"
13783
- [formattedValue]="formatValueForNativeInput(value)"
13784
- [placeholder]="placeholder"
13785
- [id]="inputId || _uniqueId"
13786
- [name]="name"
13787
- [autocomplete]="autocomplete"
13788
- [required]="required"
13789
- [minDateNative]="getMinDateForNativeInput()"
13790
- [maxDateNative]="getMaxDateForNativeInput()"
13791
- [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13792
- [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
13793
- [errorState]="errorState"
13794
- [clearAriaLabel]="_clearAriaLabel"
13795
- [clearLabel]="_clearLabel"
13796
- [isCalendarOpen]="isCalendarOpen"
13797
- [allowTyping]="allowTyping"
13798
- [typedInputValue]="typedInputValue"
13799
- [displayValue]="displayValue"
13800
- [showCalendarButton]="showCalendarButton"
13801
- [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13802
- [validationErrorMessage]="validationErrorMessage"
13803
- (nativeInputChange)="onNativeInputChange($event)"
13804
- (inputBlur)="onInputBlur($event)"
13805
- (clearValue)="clearValue($event)"
13806
- (toggleCalendar)="toggleCalendar($event)"
13807
- (pointerDown)="onPointerDown($event)"
13808
- (pointerUp)="onPointerUp($event)"
13809
- (inputGroupFocus)="onInputGroupFocus()"
13810
- (inputKeyDown)="onInputKeyDown($event)"
13811
- (inputChange)="onInputChange($event)"
13812
- (inputFocus)="onInputFocus($event)"
13813
- ></ngxsmk-datepicker-input>
13814
- @if (showNaturalLanguagePreview && naturalLanguagePreview) {
13815
- <div
13816
- class="ngxsmk-natural-language-preview"
13817
- 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;"
13818
- >
13819
- <ng-container
13820
- [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
13821
- [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
13822
- ></ng-container>
13823
- </div>
13824
- }
13825
- </div>
13826
- }
13827
-
13828
- <ng-template #defaultPreviewTpl let-preview>
13829
- <div class="ngxsmk-natural-language-preview-content">
13830
- Resolved: <strong>{{ preview }}</strong>
13831
- </div>
13832
- </ng-template>
13833
-
13834
- <ng-template #portalContent>
13835
- <ngxsmk-datepicker-content
13836
- #datepickerContent
13837
- [isCalendarVisible]="isCalendarVisible"
13838
- [isCalendarOpen]="_isCalendarOpen()"
13839
- [isInlineMode]="isInlineMode"
13840
- [shouldAppendToBody]="_shouldAppendToBody"
13841
- [theme]="theme"
13842
- [popoverId]="popoverId"
13843
- [classes]="classes()"
13844
- [timeOnly]="timeOnly"
13845
- [showTime]="showTime"
13846
- [isMobile]="isMobileDevice()"
13847
- [mobileModalStyle]="mobileModalStyle"
13848
- [align]="align"
13849
- [ariaLabel]="calendarAriaLabel()"
13850
- [isCalendarOpening]="isCalendarOpening"
13851
- [loadingMessage]="calendarLoadingMessage()"
13852
- [showRanges]="showRanges()"
13853
- [rangesArray]="rangesArray"
13854
- [selectedRange]="[startDate, endDate]"
13855
- [showTimezoneSelector]="showTimezoneSelector()"
13856
- [timezoneOptions]="getTimezoneOptions()"
13857
- [currentTimezone]="timezone || defaultTimezone"
13858
- [mode]="mode"
13859
- [disabled]="disabled"
13860
- [calendarCount]="calendarCount"
13861
- [calendarLayout]="calendarLayout"
13862
- [syncScrollEnabled]="syncScroll().enabled ?? false"
13863
- [calendarMonths]="renderedCalendars()"
13864
- [weekDays]="weekDays"
13865
- [weekDaysFull]="weekDaysFull"
13866
- [showOtherMonths]="showOtherMonths"
13867
- [showWeekNumbers]="showWeekNumbers"
13868
- [weekNumberLabel]="weekNumberLabel"
13869
- [secondaryCalendar]="secondaryCalendar"
13870
- [secondaryCalendarLocale]="locale"
13871
- [selectedDate]="selectedDate"
13872
- [startDate]="startDate"
13873
- [endDate]="endDate"
13874
- [focusedDate]="focusedDate"
13875
- [today]="today"
13876
- [dateTemplate]="dateTemplate()"
13877
- [calendarViewMode]="calendarViewMode"
13878
- [monthOptions]="monthOptions()"
13879
- [currentMonth]="_currentMonthSignal()"
13880
- [yearOptions]="yearOptions()"
13881
- [currentYear]="_currentYearSignal()"
13882
- [isBackArrowDisabled]="isBackArrowDisabled"
13883
- [prevMonthAriaLabel]="_prevMonthAriaLabel"
13884
- [nextMonthAriaLabel]="_nextMonthAriaLabel"
13885
- [yearGrid]="yearGrid"
13886
- [currentDecade]="_currentDecade"
13887
- [decadeGrid]="decadeGrid"
13888
- [timelineStartDate]="timelineStartDate"
13889
- [timelineEndDate]="timelineEndDate"
13890
- [timelineMonths]="timelineMonths"
13891
- [minuteInterval]="minuteInterval"
13892
- [startTimeSlider]="startTimeSlider"
13893
- [endTimeSlider]="endTimeSlider"
13894
- [timeRangeMode]="timeRangeMode()"
13895
- [hourOptions]="hourOptions"
13896
- [minuteOptions]="minuteOptions"
13897
- [secondOptions]="secondOptions"
13898
- [ampmOptions]="ampmOptions"
13899
- [currentDisplayHour]="currentDisplayHour"
13900
- [currentMinute]="currentMinute"
13901
- [currentSecond]="currentSecond"
13902
- [isPm]="isPm"
13903
- [showSeconds]="showSeconds"
13904
- [use24Hour]="use24Hour"
13905
- [startDisplayHour]="startDisplayHour"
13906
- [startMinute]="startMinute"
13907
- [startSecond]="startSecond"
13908
- [startIsPm]="startIsPm"
13909
- [endDisplayHour]="endDisplayHour"
13910
- [endMinute]="endMinute"
13911
- [endSecond]="endSecond"
13912
- [endIsPm]="endIsPm"
13913
- [clearAriaLabel]="_clearAriaLabel"
13914
- [clearLabel]="_clearLabel"
13915
- [closeAriaLabel]="_closeAriaLabel"
13916
- [closeLabel]="_closeLabel"
13917
- [translations]="_translations"
13918
- [boundIsDateDisabled]="boundIsDateDisabled"
13919
- [boundIsYearDisabled]="boundIsYearDisabled"
13920
- [boundIsDecadeDisabled]="boundIsDecadeDisabled"
13921
- [boundGetDayMetadata]="boundGetDayMetadata"
13922
- [calendarHeaderTemplate]="calendarHeaderTemplate"
13923
- [calendarFooterTemplate]="calendarFooterTemplate"
13924
- [boundIsSameDay]="boundIsSameDay"
13925
- [boundIsHoliday]="boundIsHoliday"
13926
- [boundIsMultipleSelected]="boundIsMultipleSelected"
13927
- [boundIsInRange]="boundIsInRange"
13928
- [boundIsInComparisonRange]="boundIsInComparisonRange"
13929
- [boundIsPreviewInRange]="boundIsPreviewInRange"
13930
- [boundGetAriaLabel]="boundGetAriaLabel"
13931
- [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
13932
- [boundGetDayCellTooltip]="boundGetDayCellTooltip"
13933
- [boundFormatDayNumber]="boundFormatDayNumber"
13934
- [getMonthYearLabel]="boundGetMonthYearLabel"
13935
- [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
13936
- [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
13937
- [formatTimeSliderValue]="boundFormatTimeSliderValue"
13938
- (backdropClick)="onBackdropInteract($event)"
13939
- (escapeKey)="onPopoverEscape($event)"
13940
- (touchStartContainer)="onBottomSheetTouchStart($event)"
13941
- (touchMoveContainer)="onBottomSheetTouchMove($event)"
13942
- (touchEndContainer)="onBottomSheetTouchEnd($event)"
13943
- (rangeSelect)="selectRange($event)"
13944
- (timezoneChange)="setTimezone($event)"
13945
- (previousMonth)="changeMonth(-1)"
13946
- (nextMonth)="changeMonth(1)"
13947
- (currentMonthChange)="currentMonth = $event"
13948
- (currentYearChange)="onYearSelectChange($event)"
13949
- (dateClick)="onDateClick($event)"
13950
- (dateHover)="onDateHover($event)"
13951
- (dateFocus)="onDateFocus($event)"
13952
- (swipeStart)="onCalendarSwipeStart($event)"
13953
- (swipeMove)="onCalendarSwipeMove($event)"
13954
- (swipeEnd)="onCalendarSwipeEnd($event)"
13955
- (touchStart)="onDateCellTouchStart($event.event, $event.day)"
13956
- (touchMove)="onDateCellTouchMove($event)"
13957
- (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
13958
- (viewModeChange)="onViewModeChange($event)"
13959
- (changeYear)="changeYear($event)"
13960
- (yearClick)="onYearClick($event)"
13961
- (changeDecade)="changeDecade($event)"
13962
- (decadeClick)="onDecadeClick($event)"
13963
- (timelineZoomOut)="timelineZoomOut()"
13964
- (timelineZoomIn)="timelineZoomIn()"
13965
- (timelineMonthClick)="onTimelineMonthClick($event)"
13966
- (startTimeSliderChange)="onStartTimeSliderChange($event)"
13967
- (endTimeSliderChange)="onEndTimeSliderChange($event)"
13968
- (currentDisplayHourChange)="currentDisplayHour = $event"
13969
- (currentMinuteChange)="currentMinute = $event"
13970
- (currentSecondChange)="currentSecond = $event"
13971
- (isPmChange)="isPm = $event"
13972
- (timeChange)="timeChange()"
13973
- (startDisplayHourChange)="startDisplayHour = $event"
13974
- (startMinuteChange)="startMinute = $event"
13975
- (startSecondChange)="startSecond = $event"
13976
- (startIsPmChange)="startIsPm = $event"
13977
- (endDisplayHourChange)="endDisplayHour = $event"
13978
- (endMinuteChange)="endMinute = $event"
13979
- (endSecondChange)="endSecond = $event"
13980
- (endIsPmChange)="endIsPm = $event"
13981
- (timeRangeChange)="timeRangeChange()"
13982
- (clearValue)="clearValue($event)"
13983
- (closeCalendar)="closeCalendarWithFocusRestore()"
13984
- ></ngxsmk-datepicker-content>
13985
- </ng-template>
13986
-
13987
- @if (isCalendarVisible && !_shouldAppendToBody) {
13988
- <ng-container *ngTemplateOutlet="portalContent"></ng-container>
13989
- }
13990
- @if (isKeyboardHelpOpen) {
13991
- <ngxsmk-datepicker-keyboard-help
13992
- [title]="getTranslation('keyboardShortcuts')"
13993
- [closeLabel]="getTranslation('close')"
13994
- [backdropLabel]="getTranslation('closeCalendarOverlay')"
13995
- (closeRequested)="toggleKeyboardHelp()"
13996
- />
13997
- }
13998
- </div>
13999
- `, 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-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}}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"] }]
13885
+ }, template: `
13886
+ <div
13887
+ class="ngxsmk-datepicker-wrapper"
13888
+ [class.ngxsmk-inline-mode]="isInlineMode"
13889
+ [class.ngxsmk-calendar-open]="isCalendarOpen && !isInlineMode"
13890
+ [class.ngxsmk-append-to-body]="_shouldAppendToBody"
13891
+ [class.ngxsmk-rtl]="isRtl"
13892
+ [class.ngxsmk-native-picker]="shouldUseNativePicker()"
13893
+ [class.ngxsmk-no-responsive]="!responsive"
13894
+ [ngClass]="classes()?.wrapper"
13895
+ >
13896
+ @if (!isInlineMode) {
13897
+ <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
13898
+ <ngxsmk-datepicker-input
13899
+ #datepickerInput
13900
+ [isNative]="shouldUseNativePicker()"
13901
+ [disabled]="disabled"
13902
+ [classes]="classes()"
13903
+ [nativeInputType]="getNativeInputType()"
13904
+ [formattedValue]="formatValueForNativeInput(value)"
13905
+ [placeholder]="placeholder"
13906
+ [id]="inputId || _uniqueId"
13907
+ [name]="name"
13908
+ [autocomplete]="autocomplete"
13909
+ [required]="required"
13910
+ [minDateNative]="getMinDateForNativeInput()"
13911
+ [maxDateNative]="getMaxDateForNativeInput()"
13912
+ [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13913
+ [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
13914
+ [errorState]="errorState"
13915
+ [clearAriaLabel]="_clearAriaLabel"
13916
+ [clearLabel]="_clearLabel"
13917
+ [isCalendarOpen]="isCalendarOpen"
13918
+ [allowTyping]="allowTyping"
13919
+ [typedInputValue]="typedInputValue"
13920
+ [displayValue]="displayValue"
13921
+ [showCalendarButton]="showCalendarButton"
13922
+ [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13923
+ [validationErrorMessage]="validationErrorMessage"
13924
+ (nativeInputChange)="onNativeInputChange($event)"
13925
+ (inputBlur)="onInputBlur($event)"
13926
+ (clearValue)="clearValue($event)"
13927
+ (toggleCalendar)="toggleCalendar($event)"
13928
+ (pointerDown)="onPointerDown($event)"
13929
+ (pointerUp)="onPointerUp($event)"
13930
+ (inputGroupFocus)="onInputGroupFocus()"
13931
+ (inputKeyDown)="onInputKeyDown($event)"
13932
+ (inputChange)="onInputChange($event)"
13933
+ (inputFocus)="onInputFocus($event)"
13934
+ ></ngxsmk-datepicker-input>
13935
+ @if (showNaturalLanguagePreview && naturalLanguagePreview) {
13936
+ <div
13937
+ class="ngxsmk-natural-language-preview"
13938
+ 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;"
13939
+ >
13940
+ <ng-container
13941
+ [ngTemplateOutlet]="naturalLanguagePreviewTemplate() || defaultPreviewTpl"
13942
+ [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"
13943
+ ></ng-container>
13944
+ </div>
13945
+ }
13946
+ </div>
13947
+ }
13948
+
13949
+ <ng-template #defaultPreviewTpl let-preview>
13950
+ <div class="ngxsmk-natural-language-preview-content">
13951
+ Resolved: <strong>{{ preview }}</strong>
13952
+ </div>
13953
+ </ng-template>
13954
+
13955
+ <ng-template #portalContent>
13956
+ <ngxsmk-datepicker-content
13957
+ #datepickerContent
13958
+ [isCalendarVisible]="isCalendarVisible"
13959
+ [isCalendarOpen]="_isCalendarOpen()"
13960
+ [isInlineMode]="isInlineMode"
13961
+ [shouldAppendToBody]="_shouldAppendToBody"
13962
+ [theme]="theme"
13963
+ [popoverId]="popoverId"
13964
+ [classes]="classes()"
13965
+ [timeOnly]="timeOnly"
13966
+ [showTime]="showTime"
13967
+ [isMobile]="isMobileDevice()"
13968
+ [mobileModalStyle]="mobileModalStyle"
13969
+ [align]="align"
13970
+ [ariaLabel]="calendarAriaLabel()"
13971
+ [isCalendarOpening]="isCalendarOpening"
13972
+ [loadingMessage]="calendarLoadingMessage()"
13973
+ [showRanges]="showRanges() || showPresets()"
13974
+ [rangesArray]="rangesArray"
13975
+ [selectedRange]="[startDate, endDate]"
13976
+ [showTimezoneSelector]="showTimezoneSelector()"
13977
+ [timezoneOptions]="getTimezoneOptions()"
13978
+ [currentTimezone]="timezone || defaultTimezone"
13979
+ [mode]="mode"
13980
+ [disabled]="disabled"
13981
+ [calendarCount]="calendarCount"
13982
+ [calendarLayout]="calendarLayout"
13983
+ [syncScrollEnabled]="syncScroll().enabled ?? false"
13984
+ [calendarMonths]="renderedCalendars()"
13985
+ [weekDays]="weekDays"
13986
+ [weekDaysFull]="weekDaysFull"
13987
+ [showOtherMonths]="showOtherMonths"
13988
+ [showWeekNumbers]="showWeekNumbers"
13989
+ [weekNumberLabel]="weekNumberLabel"
13990
+ [secondaryCalendar]="secondaryCalendar"
13991
+ [secondaryCalendarLocale]="locale"
13992
+ [selectedDate]="selectedDate"
13993
+ [startDate]="startDate"
13994
+ [endDate]="endDate"
13995
+ [focusedDate]="focusedDate"
13996
+ [today]="today"
13997
+ [dateTemplate]="dateTemplate()"
13998
+ [calendarViewMode]="calendarViewMode"
13999
+ [monthOptions]="monthOptions()"
14000
+ [currentMonth]="_currentMonthSignal()"
14001
+ [yearOptions]="yearOptions()"
14002
+ [currentYear]="_currentYearSignal()"
14003
+ [isBackArrowDisabled]="isBackArrowDisabled"
14004
+ [prevMonthAriaLabel]="_prevMonthAriaLabel"
14005
+ [nextMonthAriaLabel]="_nextMonthAriaLabel"
14006
+ [yearGrid]="yearGrid"
14007
+ [currentDecade]="_currentDecade"
14008
+ [decadeGrid]="decadeGrid"
14009
+ [timelineStartDate]="timelineStartDate"
14010
+ [timelineEndDate]="timelineEndDate"
14011
+ [timelineMonths]="timelineMonths"
14012
+ [minuteInterval]="minuteInterval"
14013
+ [startTimeSlider]="startTimeSlider"
14014
+ [endTimeSlider]="endTimeSlider"
14015
+ [timeRangeMode]="timeRangeMode()"
14016
+ [hourOptions]="hourOptions"
14017
+ [minuteOptions]="minuteOptions"
14018
+ [secondOptions]="secondOptions"
14019
+ [ampmOptions]="ampmOptions"
14020
+ [currentDisplayHour]="currentDisplayHour"
14021
+ [currentMinute]="currentMinute"
14022
+ [currentSecond]="currentSecond"
14023
+ [isPm]="isPm"
14024
+ [showSeconds]="showSeconds"
14025
+ [use24Hour]="use24Hour"
14026
+ [startDisplayHour]="startDisplayHour"
14027
+ [startMinute]="startMinute"
14028
+ [startSecond]="startSecond"
14029
+ [startIsPm]="startIsPm"
14030
+ [endDisplayHour]="endDisplayHour"
14031
+ [endMinute]="endMinute"
14032
+ [endSecond]="endSecond"
14033
+ [endIsPm]="endIsPm"
14034
+ [clearAriaLabel]="_clearAriaLabel"
14035
+ [clearLabel]="_clearLabel"
14036
+ [closeAriaLabel]="_closeAriaLabel"
14037
+ [closeLabel]="_closeLabel"
14038
+ [translations]="_translations"
14039
+ [boundIsDateDisabled]="boundIsDateDisabled"
14040
+ [boundIsYearDisabled]="boundIsYearDisabled"
14041
+ [boundIsDecadeDisabled]="boundIsDecadeDisabled"
14042
+ [boundGetDayMetadata]="boundGetDayMetadata"
14043
+ [calendarHeaderTemplate]="calendarHeaderTemplate"
14044
+ [calendarFooterTemplate]="calendarFooterTemplate"
14045
+ [boundIsSameDay]="boundIsSameDay"
14046
+ [boundIsHoliday]="boundIsHoliday"
14047
+ [boundIsMultipleSelected]="boundIsMultipleSelected"
14048
+ [boundIsInRange]="boundIsInRange"
14049
+ [boundIsInComparisonRange]="boundIsInComparisonRange"
14050
+ [boundIsPreviewInRange]="boundIsPreviewInRange"
14051
+ [boundGetAriaLabel]="boundGetAriaLabel"
14052
+ [boundGetDayCellCustomClasses]="boundGetDayCellCustomClasses"
14053
+ [boundGetDayCellTooltip]="boundGetDayCellTooltip"
14054
+ [boundFormatDayNumber]="boundFormatDayNumber"
14055
+ [getMonthYearLabel]="boundGetMonthYearLabel"
14056
+ [getCalendarAriaLabelForMonth]="boundGetCalendarAriaLabelForMonth"
14057
+ [isTimelineMonthSelected]="boundIsTimelineMonthSelected"
14058
+ [formatTimeSliderValue]="boundFormatTimeSliderValue"
14059
+ (backdropClick)="onBackdropInteract($event)"
14060
+ (escapeKey)="onPopoverEscape($event)"
14061
+ (touchStartContainer)="onBottomSheetTouchStart($event)"
14062
+ (touchMoveContainer)="onBottomSheetTouchMove($event)"
14063
+ (touchEndContainer)="onBottomSheetTouchEnd($event)"
14064
+ (rangeSelect)="selectRange($event)"
14065
+ (timezoneChange)="setTimezone($event)"
14066
+ (previousMonth)="changeMonth(-1)"
14067
+ (nextMonth)="changeMonth(1)"
14068
+ (currentMonthChange)="currentMonth = $event"
14069
+ (currentYearChange)="onYearSelectChange($event)"
14070
+ (dateClick)="onDateClick($event)"
14071
+ (dateHover)="onDateHover($event)"
14072
+ (dateFocus)="onDateFocus($event)"
14073
+ (swipeStart)="onCalendarSwipeStart($event)"
14074
+ (swipeMove)="onCalendarSwipeMove($event)"
14075
+ (swipeEnd)="onCalendarSwipeEnd($event)"
14076
+ (touchStart)="onDateCellTouchStart($event.event, $event.day)"
14077
+ (touchMove)="onDateCellTouchMove($event)"
14078
+ (touchEnd)="onDateCellTouchEnd($event.event, $event.day)"
14079
+ (viewModeChange)="onViewModeChange($event)"
14080
+ (changeYear)="changeYear($event)"
14081
+ (yearClick)="onYearClick($event)"
14082
+ (changeDecade)="changeDecade($event)"
14083
+ (decadeClick)="onDecadeClick($event)"
14084
+ (timelineZoomOut)="timelineZoomOut()"
14085
+ (timelineZoomIn)="timelineZoomIn()"
14086
+ (timelineMonthClick)="onTimelineMonthClick($event)"
14087
+ (startTimeSliderChange)="onStartTimeSliderChange($event)"
14088
+ (endTimeSliderChange)="onEndTimeSliderChange($event)"
14089
+ (currentDisplayHourChange)="currentDisplayHour = $event"
14090
+ (currentMinuteChange)="currentMinute = $event"
14091
+ (currentSecondChange)="currentSecond = $event"
14092
+ (isPmChange)="isPm = $event"
14093
+ (timeChange)="timeChange()"
14094
+ (startDisplayHourChange)="startDisplayHour = $event"
14095
+ (startMinuteChange)="startMinute = $event"
14096
+ (startSecondChange)="startSecond = $event"
14097
+ (startIsPmChange)="startIsPm = $event"
14098
+ (endDisplayHourChange)="endDisplayHour = $event"
14099
+ (endMinuteChange)="endMinute = $event"
14100
+ (endSecondChange)="endSecond = $event"
14101
+ (endIsPmChange)="endIsPm = $event"
14102
+ (timeRangeChange)="timeRangeChange()"
14103
+ (clearValue)="clearValue($event)"
14104
+ (closeCalendar)="closeCalendarWithFocusRestore()"
14105
+ ></ngxsmk-datepicker-content>
14106
+ </ng-template>
14107
+
14108
+ @if (isCalendarVisible && !_shouldAppendToBody) {
14109
+ <ng-container *ngTemplateOutlet="portalContent"></ng-container>
14110
+ }
14111
+ @if (isKeyboardHelpOpen) {
14112
+ <ngxsmk-datepicker-keyboard-help
14113
+ [title]="getTranslation('keyboardShortcuts')"
14114
+ [closeLabel]="getTranslation('close')"
14115
+ [backdropLabel]="getTranslation('closeCalendarOverlay')"
14116
+ (closeRequested)="toggleKeyboardHelp()"
14117
+ />
14118
+ }
14119
+ </div>
14120
+ `, 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"] }]
14000
14121
  }], ctorParameters: () => [], propDecorators: { mode: [{
14001
14122
  type: Input
14002
14123
  }], calendarViewMode: [{
@@ -14005,7 +14126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
14005
14126
  type: Input
14006
14127
  }], asyncDateFilter: [{
14007
14128
  type: Input
14008
- }], asyncDateFilterLoading: [{ type: i0.Output, args: ["asyncDateFilterLoading"] }], asyncDateFilterError: [{ type: i0.Output, args: ["asyncDateFilterError"] }], showRanges: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRanges", required: false }] }], showTime: [{
14129
+ }], asyncDateFilterLoading: [{ type: i0.Output, args: ["asyncDateFilterLoading"] }], asyncDateFilterError: [{ type: i0.Output, args: ["asyncDateFilterError"] }], showRanges: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRanges", required: false }] }], showPresets: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPresets", required: false }] }], showTime: [{
14009
14130
  type: Input
14010
14131
  }], timeOnly: [{
14011
14132
  type: Input
@@ -15312,6 +15433,312 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
15312
15433
  }]
15313
15434
  }], ctorParameters: () => [] });
15314
15435
 
15436
+ class DatepickerOverlayService {
15437
+ constructor() {
15438
+ this.platformId = inject(PLATFORM_ID);
15439
+ this.isBrowser = isPlatformBrowser(this.platformId);
15440
+ }
15441
+ /**
15442
+ * Calculates the best position for an overlay popover relative to a trigger anchor.
15443
+ * Handles viewport collision detection and automatic top/bottom flip.
15444
+ */
15445
+ calculatePosition(anchor, popover, options = {}) {
15446
+ if (!this.isBrowser) {
15447
+ return { top: 0, left: 0, placement: 'bottom' };
15448
+ }
15449
+ const { alignment = 'left', offset = 8, flipOnCollision = true, minWidth = 320 } = options;
15450
+ const anchorRect = anchor instanceof HTMLElement ? anchor.getBoundingClientRect() : anchor;
15451
+ const popoverWidth = popover instanceof HTMLElement ? popover.offsetWidth || minWidth : popover.width || minWidth;
15452
+ const popoverHeight = popover instanceof HTMLElement ? popover.offsetHeight || 380 : popover.height || 380;
15453
+ const viewportWidth = options.viewportWidth ?? (typeof window !== 'undefined' ? window.innerWidth : 1024);
15454
+ const viewportHeight = options.viewportHeight ?? (typeof window !== 'undefined' ? window.innerHeight : 768);
15455
+ const scrollX = typeof window !== 'undefined' ? window.scrollX || window.pageXOffset || 0 : 0;
15456
+ const scrollY = typeof window !== 'undefined' ? window.scrollY || window.pageYOffset || 0 : 0;
15457
+ const spaceBelow = viewportHeight - anchorRect.bottom;
15458
+ const spaceAbove = anchorRect.top;
15459
+ let placement = 'bottom';
15460
+ let top = anchorRect.bottom + scrollY + offset;
15461
+ if (flipOnCollision && spaceBelow < popoverHeight && spaceAbove > spaceBelow) {
15462
+ placement = 'top';
15463
+ top = anchorRect.top + scrollY - popoverHeight - offset;
15464
+ }
15465
+ let left = anchorRect.left + scrollX;
15466
+ if (alignment === 'right') {
15467
+ left = anchorRect.right + scrollX - popoverWidth;
15468
+ }
15469
+ else if (alignment === 'center') {
15470
+ left = anchorRect.left + scrollX + (anchorRect.width - popoverWidth) / 2;
15471
+ }
15472
+ // Clamp horizontally within viewport if viewport is wide enough
15473
+ if (viewportWidth >= popoverWidth + 16) {
15474
+ if (left + popoverWidth > viewportWidth + scrollX - 8) {
15475
+ left = viewportWidth + scrollX - popoverWidth - 8;
15476
+ }
15477
+ if (left < scrollX + 8) {
15478
+ left = scrollX + 8;
15479
+ }
15480
+ }
15481
+ return {
15482
+ top: Math.round(top),
15483
+ left: Math.round(left),
15484
+ placement,
15485
+ width: Math.max(minWidth, Math.round(anchorRect.width)),
15486
+ };
15487
+ }
15488
+ /**
15489
+ * Applies calculated position styles to a target popover element.
15490
+ */
15491
+ applyPosition(popover, position, appendToBody = false) {
15492
+ if (!popover || !this.isBrowser)
15493
+ return;
15494
+ if (appendToBody) {
15495
+ popover.style.position = 'fixed';
15496
+ popover.style.top = `${position.top - (window.scrollY || 0)}px`;
15497
+ popover.style.left = `${position.left - (window.scrollX || 0)}px`;
15498
+ popover.style.zIndex = '9999';
15499
+ }
15500
+ else {
15501
+ popover.style.top = `${position.top}px`;
15502
+ popover.style.left = `${position.left}px`;
15503
+ }
15504
+ }
15505
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DatepickerOverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
15506
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DatepickerOverlayService, providedIn: 'root' }); }
15507
+ }
15508
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: DatepickerOverlayService, decorators: [{
15509
+ type: Injectable,
15510
+ args: [{
15511
+ providedIn: 'root',
15512
+ }]
15513
+ }] });
15514
+
15515
+ function resolveDate(input) {
15516
+ if (typeof input === 'function') {
15517
+ const res = input();
15518
+ return res ? normalizeDate(res) : null;
15519
+ }
15520
+ return input ? normalizeDate(input) : null;
15521
+ }
15522
+ function isDateRangeObject(val) {
15523
+ return typeof val === 'object' && val !== null && ('start' in val || 'end' in val);
15524
+ }
15525
+ /**
15526
+ * Validates that the selected date or date range is on or after the specified minimum date.
15527
+ *
15528
+ * @param minDate - The minimum date bound, as a Date, string, or function returning a Date/string.
15529
+ * @returns An Angular ValidatorFn.
15530
+ *
15531
+ * @example
15532
+ * ```typescript
15533
+ * const control = new FormControl(new Date(), ngxsmkMinDateValidator(new Date(2025, 0, 1)));
15534
+ * ```
15535
+ */
15536
+ function ngxsmkMinDateValidator(minDate) {
15537
+ return (control) => {
15538
+ const value = control.value;
15539
+ if (!value)
15540
+ return null;
15541
+ const min = resolveDate(minDate);
15542
+ if (!min || Number.isNaN(min.getTime()))
15543
+ return null;
15544
+ const minTime = getStartOfDay(min).getTime();
15545
+ // Single Date
15546
+ if (value instanceof Date || typeof value === 'string') {
15547
+ const parsed = normalizeDate(value);
15548
+ if (parsed && !Number.isNaN(parsed.getTime())) {
15549
+ if (getStartOfDay(parsed).getTime() < minTime) {
15550
+ return { ngxsmkMinDate: { min, actual: parsed } };
15551
+ }
15552
+ }
15553
+ }
15554
+ // Range Object
15555
+ if (isDateRangeObject(value)) {
15556
+ const start = value.start ? normalizeDate(value.start) : null;
15557
+ if (start && !Number.isNaN(start.getTime())) {
15558
+ if (getStartOfDay(start).getTime() < minTime) {
15559
+ return { ngxsmkMinDate: { min, actual: start } };
15560
+ }
15561
+ }
15562
+ }
15563
+ // Multiple Dates
15564
+ if (Array.isArray(value)) {
15565
+ for (const d of value) {
15566
+ const parsed = normalizeDate(d);
15567
+ if (parsed && !Number.isNaN(parsed.getTime()) && getStartOfDay(parsed).getTime() < minTime) {
15568
+ return { ngxsmkMinDate: { min, actual: parsed } };
15569
+ }
15570
+ }
15571
+ }
15572
+ return null;
15573
+ };
15574
+ }
15575
+ /**
15576
+ * Validates that the selected date or date range is on or before the specified maximum date.
15577
+ *
15578
+ * @param maxDate - The maximum date bound, as a Date, string, or function returning a Date/string.
15579
+ * @returns An Angular ValidatorFn.
15580
+ *
15581
+ * @example
15582
+ * ```typescript
15583
+ * const control = new FormControl(new Date(), ngxsmkMaxDateValidator(new Date(2026, 11, 31)));
15584
+ * ```
15585
+ */
15586
+ function ngxsmkMaxDateValidator(maxDate) {
15587
+ return (control) => {
15588
+ const value = control.value;
15589
+ if (!value)
15590
+ return null;
15591
+ const max = resolveDate(maxDate);
15592
+ if (!max || Number.isNaN(max.getTime()))
15593
+ return null;
15594
+ const maxTime = getEndOfDay(max).getTime();
15595
+ // Single Date
15596
+ if (value instanceof Date || typeof value === 'string') {
15597
+ const parsed = normalizeDate(value);
15598
+ if (parsed && !Number.isNaN(parsed.getTime())) {
15599
+ if (getEndOfDay(parsed).getTime() > maxTime) {
15600
+ return { ngxsmkMaxDate: { max, actual: parsed } };
15601
+ }
15602
+ }
15603
+ }
15604
+ // Range Object
15605
+ if (isDateRangeObject(value)) {
15606
+ const end = value.end ? normalizeDate(value.end) : null;
15607
+ if (end && !Number.isNaN(end.getTime())) {
15608
+ if (getEndOfDay(end).getTime() > maxTime) {
15609
+ return { ngxsmkMaxDate: { max, actual: end } };
15610
+ }
15611
+ }
15612
+ }
15613
+ // Multiple Dates
15614
+ if (Array.isArray(value)) {
15615
+ for (const d of value) {
15616
+ const parsed = normalizeDate(d);
15617
+ if (parsed && !Number.isNaN(parsed.getTime()) && getEndOfDay(parsed).getTime() > maxTime) {
15618
+ return { ngxsmkMaxDate: { max, actual: parsed } };
15619
+ }
15620
+ }
15621
+ }
15622
+ return null;
15623
+ };
15624
+ }
15625
+ /**
15626
+ * Validates range constraints (minimum duration, maximum duration, and complete range requirements).
15627
+ *
15628
+ * @param options - Configuration options for range validation.
15629
+ * @returns An Angular ValidatorFn.
15630
+ *
15631
+ * @example
15632
+ * ```typescript
15633
+ * const control = new FormControl(null, ngxsmkDateRangeValidator({ minDays: 2, maxDays: 14, requireBoth: true }));
15634
+ * ```
15635
+ */
15636
+ function ngxsmkDateRangeValidator(options = {}) {
15637
+ const { minDays, maxDays, requireBoth = false } = options;
15638
+ return (control) => {
15639
+ const value = control.value;
15640
+ if (!value)
15641
+ return null;
15642
+ if (!isDateRangeObject(value))
15643
+ return null;
15644
+ const start = value.start ? normalizeDate(value.start) : null;
15645
+ const end = value.end ? normalizeDate(value.end) : null;
15646
+ if (requireBoth && (!start || !end)) {
15647
+ return { ngxsmkRangeIncomplete: true };
15648
+ }
15649
+ if (start && end && !Number.isNaN(start.getTime()) && !Number.isNaN(end.getTime())) {
15650
+ const startTime = getStartOfDay(start).getTime();
15651
+ const endTime = getStartOfDay(end).getTime();
15652
+ if (endTime < startTime) {
15653
+ return { ngxsmkRangeInvalid: { message: 'End date must be after start date' } };
15654
+ }
15655
+ const diffDays = Math.round((endTime - startTime) / (1000 * 60 * 60 * 24)) + 1;
15656
+ if (typeof minDays === 'number' && diffDays < minDays) {
15657
+ return { ngxsmkRangeTooShort: { minDays, actualDays: diffDays } };
15658
+ }
15659
+ if (typeof maxDays === 'number' && diffDays > maxDays) {
15660
+ return { ngxsmkRangeTooLong: { maxDays, actualDays: diffDays } };
15661
+ }
15662
+ }
15663
+ return null;
15664
+ };
15665
+ }
15666
+ /**
15667
+ * Validates that the selected date (or dates within a range/multiple selection) does not fall on a blocked or disabled date.
15668
+ *
15669
+ * @param blocked - Array of blocked dates/strings, or a predicate function returning true if date is blocked.
15670
+ * @returns An Angular ValidatorFn.
15671
+ *
15672
+ * @example
15673
+ * ```typescript
15674
+ * const control = new FormControl(null, ngxsmkBlockedDatesValidator([new Date(2026, 11, 25)]));
15675
+ * ```
15676
+ */
15677
+ function ngxsmkBlockedDatesValidator(blocked) {
15678
+ let isBlockedFn;
15679
+ if (typeof blocked === 'function') {
15680
+ isBlockedFn = blocked;
15681
+ }
15682
+ else {
15683
+ const blockedSet = new Set();
15684
+ for (const item of blocked) {
15685
+ const d = normalizeDate(item);
15686
+ if (d && !Number.isNaN(d.getTime())) {
15687
+ blockedSet.add(getStartOfDay(d).getTime());
15688
+ }
15689
+ }
15690
+ isBlockedFn = (d) => blockedSet.has(getStartOfDay(d).getTime());
15691
+ }
15692
+ return (control) => {
15693
+ const value = control.value;
15694
+ if (!value)
15695
+ return null;
15696
+ // Single Date
15697
+ if (value instanceof Date || typeof value === 'string') {
15698
+ const parsed = normalizeDate(value);
15699
+ if (parsed && !Number.isNaN(parsed.getTime()) && isBlockedFn(parsed)) {
15700
+ return { ngxsmkDateBlocked: { date: parsed } };
15701
+ }
15702
+ }
15703
+ // Range Object
15704
+ if (isDateRangeObject(value)) {
15705
+ const start = value.start ? normalizeDate(value.start) : null;
15706
+ const end = value.end ? normalizeDate(value.end) : null;
15707
+ if (start && end) {
15708
+ const curr = new Date(getStartOfDay(start));
15709
+ const endDay = getStartOfDay(end);
15710
+ const blockedFound = [];
15711
+ while (curr.getTime() <= endDay.getTime()) {
15712
+ if (isBlockedFn(curr)) {
15713
+ blockedFound.push(new Date(curr));
15714
+ }
15715
+ curr.setDate(curr.getDate() + 1);
15716
+ }
15717
+ if (blockedFound.length > 0) {
15718
+ return { ngxsmkRangeContainsBlocked: { blockedDates: blockedFound } };
15719
+ }
15720
+ }
15721
+ else if (start && isBlockedFn(start)) {
15722
+ return { ngxsmkDateBlocked: { date: start } };
15723
+ }
15724
+ }
15725
+ // Multiple Dates
15726
+ if (Array.isArray(value)) {
15727
+ const blockedFound = [];
15728
+ for (const d of value) {
15729
+ const parsed = normalizeDate(d);
15730
+ if (parsed && !Number.isNaN(parsed.getTime()) && isBlockedFn(parsed)) {
15731
+ blockedFound.push(parsed);
15732
+ }
15733
+ }
15734
+ if (blockedFound.length > 0) {
15735
+ return { ngxsmkDatesBlocked: { blockedDates: blockedFound } };
15736
+ }
15737
+ }
15738
+ return null;
15739
+ };
15740
+ }
15741
+
15315
15742
  /**
15316
15743
  * Main entry point for ngxsmk-datepicker
15317
15744
  *
@@ -15331,5 +15758,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
15331
15758
  * Generated bundle index. Do not edit.
15332
15759
  */
15333
15760
 
15334
- export { AriaLiveService, CustomDateFormatService, CustomSelectComponent, DATEPICKER_CONFIG, DEFAULT_ANIMATION_CONFIG, DEFAULT_DATEPICKER_CONFIG, DatePresetsService, DefaultTranslationService, FieldSyncService, FocusTrapService, HapticFeedbackService, LocaleRegistryService, NativeDateAdapter, NgxsmkDatepickerComponent, NgxsmkDatepickerModule, ThemeBuilderService, TranslationRegistryService, addMonths, convertTimezone, exportToCsv, exportToIcs, exportToJson, formatDateInCalendarSystem, formatDateWithTimezone, formatLocaleNumber, generateDecadeGrid, generateMonthOptions, generateTimeOptions, generateWeekDays, generateYearGrid, generateYearOptions, get24Hour, getEndOfDay, getEndOfMonth, getFirstDayOfWeek, getISOWeekNumber, getSecondaryDayLabel, getStartOfDay, getStartOfMonth, getTimezoneOffset, importFromCsv, importFromIcs, importFromJson, isSameDay, isValidTimezone, normalizeDate, parseDateWithTimezone, processDateRanges, provideDatepickerConfig, subtractDays, update12HourState };
15761
+ export { AriaLiveService, CustomDateFormatService, CustomSelectComponent, DATEPICKER_CONFIG, DEFAULT_ANIMATION_CONFIG, DEFAULT_DATEPICKER_CONFIG, DatePresetsService, DatepickerOverlayService, DefaultTranslationService, FieldSyncService, FocusTrapService, HapticFeedbackService, LocaleRegistryService, NativeDateAdapter, NgxsmkDatepickerComponent, NgxsmkDatepickerModule, ThemeBuilderService, TranslationRegistryService, addMonths, convertTimezone, exportToCsv, exportToIcs, exportToJson, formatDateInCalendarSystem, formatDateWithTimezone, formatLocaleNumber, generateDecadeGrid, generateMonthOptions, generateTimeOptions, generateWeekDays, generateYearGrid, generateYearOptions, get24Hour, getEndOfDay, getEndOfMonth, getFirstDayOfWeek, getISOWeekNumber, getSecondaryDayLabel, getStartOfDay, getStartOfMonth, getTimezoneOffset, importFromCsv, importFromIcs, importFromJson, isSameDay, isValidTimezone, ngxsmkBlockedDatesValidator, ngxsmkDateRangeValidator, ngxsmkMaxDateValidator, ngxsmkMinDateValidator, normalizeDate, parseDateWithTimezone, processDateRanges, provideDatepickerConfig, subtractDays, update12HourState };
15335
15762
  //# sourceMappingURL=ngxsmk-datepicker.mjs.map