ngxsmk-datepicker 2.2.13 → 2.3.0-beta.0
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.
- package/CHANGELOG.md +1240 -1218
- package/MIGRATION.md +1775 -1775
- package/README.md +939 -923
- package/docs/API.md +1 -1
- package/docs/COMPATIBILITY.md +14 -1
- package/docs/INTEGRATION.md +1 -1
- package/docs/IONIC_INTEGRATION.md +1 -1
- package/docs/IONIC_TESTING.md +1 -1
- package/docs/LOCALE-GUIDE.md +1 -1
- package/docs/PLUGIN-ARCHITECTURE.md +1 -1
- package/docs/SEO.md +1 -1
- package/docs/SSR-EXAMPLE.md +1 -1
- package/docs/THEME-TOKENS.md +1 -1
- package/docs/TIMEZONE.md +1 -1
- package/docs/extension-points.md +1 -1
- package/docs/signal-forms.md +1 -1
- package/docs/signals.md +1 -1
- package/docs/ssr.md +1 -1
- package/fesm2022/ngxsmk-datepicker.mjs +635 -135
- package/package.json +12 -2
- package/types/ngxsmk-datepicker.d.ts +62 -6
|
@@ -5,7 +5,9 @@ import { NgControl } from '@angular/forms';
|
|
|
5
5
|
import { Subject } from 'rxjs';
|
|
6
6
|
|
|
7
7
|
function getStartOfDay(d) {
|
|
8
|
-
|
|
8
|
+
const start = new Date(d.getFullYear(), d.getMonth(), d.getDate(), 12, 0, 0, 0);
|
|
9
|
+
start.setHours(0, 0, 0, 0);
|
|
10
|
+
return start;
|
|
9
11
|
}
|
|
10
12
|
function getEndOfDay(d) {
|
|
11
13
|
return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 23, 59, 59, 999);
|
|
@@ -1012,26 +1014,41 @@ class CustomSelectComponent {
|
|
|
1012
1014
|
}
|
|
1013
1015
|
onDocumentClick(event) {
|
|
1014
1016
|
if (this.isBrowser) {
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
this.
|
|
1017
|
+
if (event.composedPath && typeof event.composedPath === 'function') {
|
|
1018
|
+
const path = event.composedPath();
|
|
1019
|
+
if (!path.includes(this.elementRef.nativeElement)) {
|
|
1020
|
+
this.isOpen = false;
|
|
1021
|
+
}
|
|
1018
1022
|
}
|
|
1019
|
-
|
|
1020
|
-
}
|
|
1021
|
-
}
|
|
1022
|
-
onDocumentTouchStart(event) {
|
|
1023
|
-
// On mobile, close dropdown when calendar opens
|
|
1024
|
-
if (this.isBrowser && this.isOpen) {
|
|
1025
|
-
const calendarBackdrop = this.document.querySelector('.ngxsmk-backdrop');
|
|
1026
|
-
if (calendarBackdrop) {
|
|
1023
|
+
else {
|
|
1027
1024
|
const target = event.target;
|
|
1028
|
-
// Only close if touch is outside the dropdown
|
|
1029
1025
|
if (target && !this.elementRef.nativeElement.contains(target)) {
|
|
1030
1026
|
this.isOpen = false;
|
|
1031
1027
|
}
|
|
1032
1028
|
}
|
|
1033
1029
|
}
|
|
1034
1030
|
}
|
|
1031
|
+
onDocumentTouchStart(event) {
|
|
1032
|
+
// On mobile, close dropdown when calendar opens
|
|
1033
|
+
if (!this.isBrowser || !this.isOpen)
|
|
1034
|
+
return;
|
|
1035
|
+
const calendarBackdrop = this.document.querySelector('.ngxsmk-backdrop');
|
|
1036
|
+
if (!calendarBackdrop)
|
|
1037
|
+
return;
|
|
1038
|
+
if (event.composedPath && typeof event.composedPath === 'function') {
|
|
1039
|
+
const path = event.composedPath();
|
|
1040
|
+
if (!path.includes(this.elementRef.nativeElement)) {
|
|
1041
|
+
this.isOpen = false;
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
else {
|
|
1045
|
+
const target = event.target;
|
|
1046
|
+
// Only close if touch is outside the dropdown
|
|
1047
|
+
if (target && !this.elementRef.nativeElement.contains(target)) {
|
|
1048
|
+
this.isOpen = false;
|
|
1049
|
+
}
|
|
1050
|
+
}
|
|
1051
|
+
}
|
|
1035
1052
|
get displayValue() {
|
|
1036
1053
|
const selectedOption = this.options.find((opt) => opt.value === this.value);
|
|
1037
1054
|
return selectedOption ? selectedOption.label : '';
|
|
@@ -1092,12 +1109,14 @@ class CustomSelectComponent {
|
|
|
1092
1109
|
@for (option of options; track option.value) {
|
|
1093
1110
|
<li
|
|
1094
1111
|
[class.selected]="option.value === value"
|
|
1095
|
-
|
|
1096
|
-
(
|
|
1097
|
-
(keydown.
|
|
1098
|
-
|
|
1112
|
+
[class.disabled]="option.disabled"
|
|
1113
|
+
(click)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
|
|
1114
|
+
(keydown.enter)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
|
|
1115
|
+
(keydown.space)="option.disabled ? null : selectOption(option); $event.stopPropagation(); $event.preventDefault()"
|
|
1116
|
+
[attr.tabindex]="option.disabled ? -1 : 0"
|
|
1099
1117
|
role="option"
|
|
1100
1118
|
[attr.aria-selected]="option.value === value"
|
|
1119
|
+
[attr.aria-disabled]="option.disabled ? true : null"
|
|
1101
1120
|
>
|
|
1102
1121
|
{{ option.label }}
|
|
1103
1122
|
</li>
|
|
@@ -1149,12 +1168,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
1149
1168
|
@for (option of options; track option.value) {
|
|
1150
1169
|
<li
|
|
1151
1170
|
[class.selected]="option.value === value"
|
|
1152
|
-
|
|
1153
|
-
(
|
|
1154
|
-
(keydown.
|
|
1155
|
-
|
|
1171
|
+
[class.disabled]="option.disabled"
|
|
1172
|
+
(click)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
|
|
1173
|
+
(keydown.enter)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
|
|
1174
|
+
(keydown.space)="option.disabled ? null : selectOption(option); $event.stopPropagation(); $event.preventDefault()"
|
|
1175
|
+
[attr.tabindex]="option.disabled ? -1 : 0"
|
|
1156
1176
|
role="option"
|
|
1157
1177
|
[attr.aria-selected]="option.value === value"
|
|
1178
|
+
[attr.aria-disabled]="option.disabled ? true : null"
|
|
1158
1179
|
>
|
|
1159
1180
|
{{ option.label }}
|
|
1160
1181
|
</li>
|
|
@@ -1504,7 +1525,7 @@ class CalendarMonthViewComponent {
|
|
|
1504
1525
|
@for (day of weekDays; track $index) {
|
|
1505
1526
|
<div class="ngxsmk-day-name">{{ day }}</div>
|
|
1506
1527
|
}
|
|
1507
|
-
@for (day of days; track
|
|
1528
|
+
@for (day of days; track (day ? day.getTime() : $index)) {
|
|
1508
1529
|
<div
|
|
1509
1530
|
class="ngxsmk-day-cell"
|
|
1510
1531
|
[ngClass]="classes?.dayCell"
|
|
@@ -1606,7 +1627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
1606
1627
|
@for (day of weekDays; track $index) {
|
|
1607
1628
|
<div class="ngxsmk-day-name">{{ day }}</div>
|
|
1608
1629
|
}
|
|
1609
|
-
@for (day of days; track
|
|
1630
|
+
@for (day of days; track (day ? day.getTime() : $index)) {
|
|
1610
1631
|
<div
|
|
1611
1632
|
class="ngxsmk-day-cell"
|
|
1612
1633
|
[ngClass]="classes?.dayCell"
|
|
@@ -2487,6 +2508,7 @@ class NgxsmkDatepickerPresetsComponent {
|
|
|
2487
2508
|
this.ranges = [];
|
|
2488
2509
|
this.disabled = false;
|
|
2489
2510
|
this.classes = undefined;
|
|
2511
|
+
this.selectedRange = null;
|
|
2490
2512
|
this.rangeSelected = new EventEmitter();
|
|
2491
2513
|
}
|
|
2492
2514
|
onRangeSelect(range) {
|
|
@@ -2494,11 +2516,24 @@ class NgxsmkDatepickerPresetsComponent {
|
|
|
2494
2516
|
this.rangeSelected.emit(range);
|
|
2495
2517
|
}
|
|
2496
2518
|
}
|
|
2519
|
+
isActive(value) {
|
|
2520
|
+
if (!this.selectedRange || !this.selectedRange[0] || !this.selectedRange[1]) {
|
|
2521
|
+
return false;
|
|
2522
|
+
}
|
|
2523
|
+
const start = this.selectedRange[0];
|
|
2524
|
+
const end = this.selectedRange[1];
|
|
2525
|
+
return this.isSameDay(value[0], start) && this.isSameDay(value[1], end);
|
|
2526
|
+
}
|
|
2527
|
+
isSameDay(d1, d2) {
|
|
2528
|
+
return d1.getFullYear() === d2.getFullYear() &&
|
|
2529
|
+
d1.getMonth() === d2.getMonth() &&
|
|
2530
|
+
d1.getDate() === d2.getDate();
|
|
2531
|
+
}
|
|
2497
2532
|
trackByRange(_index, range) {
|
|
2498
2533
|
return range.key;
|
|
2499
2534
|
}
|
|
2500
2535
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerPresetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2501
|
-
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" }, outputs: { rangeSelected: "rangeSelected" }, ngImport: i0, template: `
|
|
2536
|
+
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: `
|
|
2502
2537
|
<div class="ngxsmk-ranges-container">
|
|
2503
2538
|
<ul>
|
|
2504
2539
|
@for (range of ranges; track trackByRange($index, range)) {
|
|
@@ -2507,6 +2542,7 @@ class NgxsmkDatepickerPresetsComponent {
|
|
|
2507
2542
|
(keydown.enter)="onRangeSelect(range.value)"
|
|
2508
2543
|
(keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
|
|
2509
2544
|
[class.disabled]="disabled"
|
|
2545
|
+
[class.ngxsmk-preset-active]="isActive(range.value)"
|
|
2510
2546
|
[attr.tabindex]="disabled ? -1 : 0"
|
|
2511
2547
|
role="button"
|
|
2512
2548
|
[attr.aria-disabled]="disabled"
|
|
@@ -2533,6 +2569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
2533
2569
|
(keydown.enter)="onRangeSelect(range.value)"
|
|
2534
2570
|
(keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
|
|
2535
2571
|
[class.disabled]="disabled"
|
|
2572
|
+
[class.ngxsmk-preset-active]="isActive(range.value)"
|
|
2536
2573
|
[attr.tabindex]="disabled ? -1 : 0"
|
|
2537
2574
|
role="button"
|
|
2538
2575
|
[attr.aria-disabled]="disabled"
|
|
@@ -2551,6 +2588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
2551
2588
|
type: Input
|
|
2552
2589
|
}], classes: [{
|
|
2553
2590
|
type: Input
|
|
2591
|
+
}], selectedRange: [{
|
|
2592
|
+
type: Input
|
|
2554
2593
|
}], rangeSelected: [{
|
|
2555
2594
|
type: Output
|
|
2556
2595
|
}] } });
|
|
@@ -2628,6 +2667,11 @@ class NgxsmkDatepickerContentComponent {
|
|
|
2628
2667
|
this.closeAriaLabel = '';
|
|
2629
2668
|
this.closeLabel = '';
|
|
2630
2669
|
this.translations = null;
|
|
2670
|
+
this.selectedRange = null;
|
|
2671
|
+
this.showTimezoneSelector = false;
|
|
2672
|
+
this.timezoneOptions = [];
|
|
2673
|
+
this.currentTimezone = 'UTC';
|
|
2674
|
+
this.timezoneChange = new EventEmitter();
|
|
2631
2675
|
this.backdropClick = new EventEmitter();
|
|
2632
2676
|
this.touchStartContainer = new EventEmitter();
|
|
2633
2677
|
this.touchMoveContainer = new EventEmitter();
|
|
@@ -2700,8 +2744,13 @@ class NgxsmkDatepickerContentComponent {
|
|
|
2700
2744
|
this.closeCalendar.emit();
|
|
2701
2745
|
}
|
|
2702
2746
|
}
|
|
2747
|
+
onTimezoneChange(val) {
|
|
2748
|
+
if (typeof val === 'string') {
|
|
2749
|
+
this.timezoneChange.emit(val);
|
|
2750
|
+
}
|
|
2751
|
+
}
|
|
2703
2752
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2704
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerContentComponent, isStandalone: true, selector: "ngxsmk-datepicker-content", inputs: { isCalendarVisible: "isCalendarVisible", isCalendarOpen: "isCalendarOpen", isInlineMode: "isInlineMode", shouldAppendToBody: "shouldAppendToBody", theme: "theme", popoverId: "popoverId", classes: "classes", timeOnly: "timeOnly", showTime: "showTime", isMobile: "isMobile", mobileModalStyle: "mobileModalStyle", align: "align", ariaLabel: "ariaLabel", isCalendarOpening: "isCalendarOpening", loadingMessage: "loadingMessage", showRanges: "showRanges", rangesArray: "rangesArray", mode: "mode", disabled: "disabled", calendarCount: "calendarCount", calendarLayout: "calendarLayout", syncScrollEnabled: "syncScrollEnabled", calendarMonths: "calendarMonths", weekDays: "weekDays", selectedDate: "selectedDate", startDate: "startDate", endDate: "endDate", focusedDate: "focusedDate", today: "today", dateTemplate: "dateTemplate", calendarViewMode: "calendarViewMode", monthOptions: "monthOptions", currentMonth: "currentMonth", yearOptions: "yearOptions", currentYear: "currentYear", isBackArrowDisabled: "isBackArrowDisabled", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", yearGrid: "yearGrid", currentDecade: "currentDecade", decadeGrid: "decadeGrid", timelineStartDate: "timelineStartDate", timelineEndDate: "timelineEndDate", timelineMonths: "timelineMonths", minuteInterval: "minuteInterval", startTimeSlider: "startTimeSlider", endTimeSlider: "endTimeSlider", timeRangeMode: "timeRangeMode", hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", showSeconds: "showSeconds", use24Hour: "use24Hour", startDisplayHour: "startDisplayHour", startMinute: "startMinute", startSecond: "startSecond", startIsPm: "startIsPm", endDisplayHour: "endDisplayHour", endMinute: "endMinute", endSecond: "endSecond", endIsPm: "endIsPm", clearAriaLabel: "clearAriaLabel", clearLabel: "clearLabel", closeAriaLabel: "closeAriaLabel", closeLabel: "closeLabel", translations: "translations", boundIsDateDisabled: "boundIsDateDisabled", boundIsSameDay: "boundIsSameDay", boundIsHoliday: "boundIsHoliday", boundIsMultipleSelected: "boundIsMultipleSelected", boundIsInRange: "boundIsInRange", boundIsPreviewInRange: "boundIsPreviewInRange", boundGetAriaLabel: "boundGetAriaLabel", boundGetDayCellCustomClasses: "boundGetDayCellCustomClasses", boundGetDayCellTooltip: "boundGetDayCellTooltip", boundFormatDayNumber: "boundFormatDayNumber", getMonthYearLabel: "getMonthYearLabel", getCalendarAriaLabelForMonth: "getCalendarAriaLabelForMonth", isTimelineMonthSelected: "isTimelineMonthSelected", formatTimeSliderValue: "formatTimeSliderValue" }, outputs: { backdropClick: "backdropClick", touchStartContainer: "touchStartContainer", touchMoveContainer: "touchMoveContainer", touchEndContainer: "touchEndContainer", rangeSelect: "rangeSelect", previousMonth: "previousMonth", nextMonth: "nextMonth", currentMonthChange: "currentMonthChange", currentYearChange: "currentYearChange", dateClick: "dateClick", dateHover: "dateHover", dateFocus: "dateFocus", swipeStart: "swipeStart", swipeMove: "swipeMove", swipeEnd: "swipeEnd", touchStart: "touchStart", touchMove: "touchMove", touchEnd: "touchEnd", viewModeChange: "viewModeChange", changeYear: "changeYear", yearClick: "yearClick", changeDecade: "changeDecade", decadeClick: "decadeClick", timelineZoomOut: "timelineZoomOut", timelineZoomIn: "timelineZoomIn", timelineMonthClick: "timelineMonthClick", startTimeSliderChange: "startTimeSliderChange", endTimeSliderChange: "endTimeSliderChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange", timeChange: "timeChange", startDisplayHourChange: "startDisplayHourChange", startMinuteChange: "startMinuteChange", startSecondChange: "startSecondChange", startIsPmChange: "startIsPmChange", endDisplayHourChange: "endDisplayHourChange", endMinuteChange: "endMinuteChange", endSecondChange: "endSecondChange", endIsPmChange: "endIsPmChange", timeRangeChange: "timeRangeChange", clearValue: "clearValue", closeCalendar: "closeCalendar", escapeKey: "escapeKey" }, viewQueries: [{ propertyName: "header", first: true, predicate: CalendarHeaderComponent, descendants: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "timelineContainer", first: true, predicate: ["timelineContainer"], descendants: true }], ngImport: i0, template: `
|
|
2753
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerContentComponent, isStandalone: true, selector: "ngxsmk-datepicker-content", inputs: { isCalendarVisible: "isCalendarVisible", isCalendarOpen: "isCalendarOpen", isInlineMode: "isInlineMode", shouldAppendToBody: "shouldAppendToBody", theme: "theme", popoverId: "popoverId", classes: "classes", timeOnly: "timeOnly", showTime: "showTime", isMobile: "isMobile", mobileModalStyle: "mobileModalStyle", align: "align", ariaLabel: "ariaLabel", isCalendarOpening: "isCalendarOpening", loadingMessage: "loadingMessage", showRanges: "showRanges", rangesArray: "rangesArray", mode: "mode", disabled: "disabled", calendarCount: "calendarCount", calendarLayout: "calendarLayout", syncScrollEnabled: "syncScrollEnabled", calendarMonths: "calendarMonths", weekDays: "weekDays", selectedDate: "selectedDate", startDate: "startDate", endDate: "endDate", focusedDate: "focusedDate", today: "today", dateTemplate: "dateTemplate", calendarViewMode: "calendarViewMode", monthOptions: "monthOptions", currentMonth: "currentMonth", yearOptions: "yearOptions", currentYear: "currentYear", isBackArrowDisabled: "isBackArrowDisabled", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", yearGrid: "yearGrid", currentDecade: "currentDecade", decadeGrid: "decadeGrid", timelineStartDate: "timelineStartDate", timelineEndDate: "timelineEndDate", timelineMonths: "timelineMonths", minuteInterval: "minuteInterval", startTimeSlider: "startTimeSlider", endTimeSlider: "endTimeSlider", timeRangeMode: "timeRangeMode", hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", showSeconds: "showSeconds", use24Hour: "use24Hour", startDisplayHour: "startDisplayHour", startMinute: "startMinute", startSecond: "startSecond", startIsPm: "startIsPm", endDisplayHour: "endDisplayHour", endMinute: "endMinute", endSecond: "endSecond", endIsPm: "endIsPm", clearAriaLabel: "clearAriaLabel", clearLabel: "clearLabel", closeAriaLabel: "closeAriaLabel", closeLabel: "closeLabel", translations: "translations", selectedRange: "selectedRange", showTimezoneSelector: "showTimezoneSelector", timezoneOptions: "timezoneOptions", currentTimezone: "currentTimezone", boundIsDateDisabled: "boundIsDateDisabled", boundIsSameDay: "boundIsSameDay", boundIsHoliday: "boundIsHoliday", boundIsMultipleSelected: "boundIsMultipleSelected", boundIsInRange: "boundIsInRange", boundIsPreviewInRange: "boundIsPreviewInRange", boundGetAriaLabel: "boundGetAriaLabel", boundGetDayCellCustomClasses: "boundGetDayCellCustomClasses", boundGetDayCellTooltip: "boundGetDayCellTooltip", boundFormatDayNumber: "boundFormatDayNumber", getMonthYearLabel: "getMonthYearLabel", getCalendarAriaLabelForMonth: "getCalendarAriaLabelForMonth", isTimelineMonthSelected: "isTimelineMonthSelected", formatTimeSliderValue: "formatTimeSliderValue" }, outputs: { timezoneChange: "timezoneChange", backdropClick: "backdropClick", touchStartContainer: "touchStartContainer", touchMoveContainer: "touchMoveContainer", touchEndContainer: "touchEndContainer", rangeSelect: "rangeSelect", previousMonth: "previousMonth", nextMonth: "nextMonth", currentMonthChange: "currentMonthChange", currentYearChange: "currentYearChange", dateClick: "dateClick", dateHover: "dateHover", dateFocus: "dateFocus", swipeStart: "swipeStart", swipeMove: "swipeMove", swipeEnd: "swipeEnd", touchStart: "touchStart", touchMove: "touchMove", touchEnd: "touchEnd", viewModeChange: "viewModeChange", changeYear: "changeYear", yearClick: "yearClick", changeDecade: "changeDecade", decadeClick: "decadeClick", timelineZoomOut: "timelineZoomOut", timelineZoomIn: "timelineZoomIn", timelineMonthClick: "timelineMonthClick", startTimeSliderChange: "startTimeSliderChange", endTimeSliderChange: "endTimeSliderChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange", timeChange: "timeChange", startDisplayHourChange: "startDisplayHourChange", startMinuteChange: "startMinuteChange", startSecondChange: "startSecondChange", startIsPmChange: "startIsPmChange", endDisplayHourChange: "endDisplayHourChange", endMinuteChange: "endMinuteChange", endSecondChange: "endSecondChange", endIsPmChange: "endIsPmChange", timeRangeChange: "timeRangeChange", clearValue: "clearValue", closeCalendar: "closeCalendar", escapeKey: "escapeKey" }, viewQueries: [{ propertyName: "header", first: true, predicate: CalendarHeaderComponent, descendants: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "timelineContainer", first: true, predicate: ["timelineContainer"], descendants: true }], ngImport: i0, template: `
|
|
2705
2754
|
@if (isCalendarVisible) {
|
|
2706
2755
|
@if (!isInlineMode && isCalendarOpen) {
|
|
2707
2756
|
<div
|
|
@@ -2750,6 +2799,7 @@ class NgxsmkDatepickerContentComponent {
|
|
|
2750
2799
|
@if (showRanges && rangesArray.length > 0 && mode === 'range' && !timeOnly) {
|
|
2751
2800
|
<ngxsmk-datepicker-presets
|
|
2752
2801
|
[ranges]="rangesArray"
|
|
2802
|
+
[selectedRange]="selectedRange"
|
|
2753
2803
|
[disabled]="disabled"
|
|
2754
2804
|
[classes]="classes"
|
|
2755
2805
|
(rangeSelected)="rangeSelect.emit($event)"
|
|
@@ -3052,6 +3102,18 @@ class NgxsmkDatepickerContentComponent {
|
|
|
3052
3102
|
}
|
|
3053
3103
|
}
|
|
3054
3104
|
|
|
3105
|
+
@if (showTimezoneSelector) {
|
|
3106
|
+
<div class="ngxsmk-timezone-selection">
|
|
3107
|
+
<span class="ngxsmk-timezone-label">{{ translations?.timezone || 'Timezone' }}:</span>
|
|
3108
|
+
<ngxsmk-custom-select
|
|
3109
|
+
[options]="timezoneOptions"
|
|
3110
|
+
[value]="currentTimezone"
|
|
3111
|
+
[disabled]="disabled"
|
|
3112
|
+
(valueChange)="onTimezoneChange($event)"
|
|
3113
|
+
></ngxsmk-custom-select>
|
|
3114
|
+
</div>
|
|
3115
|
+
}
|
|
3116
|
+
|
|
3055
3117
|
@if (!isInlineMode) {
|
|
3056
3118
|
<div class="ngxsmk-footer" [ngClass]="classes?.footer">
|
|
3057
3119
|
<button
|
|
@@ -3080,7 +3142,7 @@ class NgxsmkDatepickerContentComponent {
|
|
|
3080
3142
|
</div>
|
|
3081
3143
|
</div>
|
|
3082
3144
|
}
|
|
3083
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarHeaderComponent, selector: "ngxsmk-calendar-header", inputs: ["monthOptions", "yearOptions", "currentMonth", "currentYear", "disabled", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["currentYearChange", "currentMonthChange", "previousMonth", "nextMonth"] }, { kind: "component", type: CalendarMonthViewComponent, selector: "ngxsmk-calendar-month-view", inputs: ["days", "weekDays", "classes", "dateTemplate", "dayTemplate", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "formatDayNumber"], outputs: ["dateClick", "dateMouseDown", "dateMouseUp", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd"] }, { kind: "component", type: CalendarYearViewComponent, selector: "ngxsmk-calendar-year-view", inputs: ["viewMode", "yearGrid", "decadeGrid", "currentYear", "currentDecade", "today", "disabled", "yearContainerHeight", "decadeContainerHeight", "previousYearsLabel", "nextYearsLabel", "previousDecadeLabel", "nextDecadeLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["viewModeChange", "yearClick", "decadeClick", "changeYear", "changeDecade"] }, { kind: "component", type: TimeSelectionComponent, selector: "ngxsmk-time-selection", inputs: ["hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "disabled", "timeLabel", "showSeconds", "showAmpm"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "component", type: NgxsmkDatepickerPresetsComponent, selector: "ngxsmk-datepicker-presets", inputs: ["ranges", "disabled", "classes"], outputs: ["rangeSelected"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3145
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarHeaderComponent, selector: "ngxsmk-calendar-header", inputs: ["monthOptions", "yearOptions", "currentMonth", "currentYear", "disabled", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["currentYearChange", "currentMonthChange", "previousMonth", "nextMonth"] }, { kind: "component", type: CalendarMonthViewComponent, selector: "ngxsmk-calendar-month-view", inputs: ["days", "weekDays", "classes", "dateTemplate", "dayTemplate", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "formatDayNumber"], outputs: ["dateClick", "dateMouseDown", "dateMouseUp", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd"] }, { kind: "component", type: CalendarYearViewComponent, selector: "ngxsmk-calendar-year-view", inputs: ["viewMode", "yearGrid", "decadeGrid", "currentYear", "currentDecade", "today", "disabled", "yearContainerHeight", "decadeContainerHeight", "previousYearsLabel", "nextYearsLabel", "previousDecadeLabel", "nextDecadeLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["viewModeChange", "yearClick", "decadeClick", "changeYear", "changeDecade"] }, { kind: "component", type: TimeSelectionComponent, selector: "ngxsmk-time-selection", inputs: ["hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "disabled", "timeLabel", "showSeconds", "showAmpm"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "component", type: NgxsmkDatepickerPresetsComponent, selector: "ngxsmk-datepicker-presets", inputs: ["ranges", "disabled", "classes", "selectedRange"], outputs: ["rangeSelected"] }, { kind: "component", type: CustomSelectComponent, selector: "ngxsmk-custom-select", inputs: ["options", "value", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3084
3146
|
}
|
|
3085
3147
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerContentComponent, decorators: [{
|
|
3086
3148
|
type: Component,
|
|
@@ -3095,6 +3157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
3095
3157
|
CalendarYearViewComponent,
|
|
3096
3158
|
TimeSelectionComponent,
|
|
3097
3159
|
NgxsmkDatepickerPresetsComponent,
|
|
3160
|
+
CustomSelectComponent,
|
|
3098
3161
|
],
|
|
3099
3162
|
template: `
|
|
3100
3163
|
@if (isCalendarVisible) {
|
|
@@ -3145,6 +3208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
3145
3208
|
@if (showRanges && rangesArray.length > 0 && mode === 'range' && !timeOnly) {
|
|
3146
3209
|
<ngxsmk-datepicker-presets
|
|
3147
3210
|
[ranges]="rangesArray"
|
|
3211
|
+
[selectedRange]="selectedRange"
|
|
3148
3212
|
[disabled]="disabled"
|
|
3149
3213
|
[classes]="classes"
|
|
3150
3214
|
(rangeSelected)="rangeSelect.emit($event)"
|
|
@@ -3447,6 +3511,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
3447
3511
|
}
|
|
3448
3512
|
}
|
|
3449
3513
|
|
|
3514
|
+
@if (showTimezoneSelector) {
|
|
3515
|
+
<div class="ngxsmk-timezone-selection">
|
|
3516
|
+
<span class="ngxsmk-timezone-label">{{ translations?.timezone || 'Timezone' }}:</span>
|
|
3517
|
+
<ngxsmk-custom-select
|
|
3518
|
+
[options]="timezoneOptions"
|
|
3519
|
+
[value]="currentTimezone"
|
|
3520
|
+
[disabled]="disabled"
|
|
3521
|
+
(valueChange)="onTimezoneChange($event)"
|
|
3522
|
+
></ngxsmk-custom-select>
|
|
3523
|
+
</div>
|
|
3524
|
+
}
|
|
3525
|
+
|
|
3450
3526
|
@if (!isInlineMode) {
|
|
3451
3527
|
<div class="ngxsmk-footer" [ngClass]="classes?.footer">
|
|
3452
3528
|
<button
|
|
@@ -3621,6 +3697,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
3621
3697
|
type: Input
|
|
3622
3698
|
}], translations: [{
|
|
3623
3699
|
type: Input
|
|
3700
|
+
}], selectedRange: [{
|
|
3701
|
+
type: Input
|
|
3702
|
+
}], showTimezoneSelector: [{
|
|
3703
|
+
type: Input
|
|
3704
|
+
}], timezoneOptions: [{
|
|
3705
|
+
type: Input
|
|
3706
|
+
}], currentTimezone: [{
|
|
3707
|
+
type: Input
|
|
3708
|
+
}], timezoneChange: [{
|
|
3709
|
+
type: Output
|
|
3624
3710
|
}], boundIsDateDisabled: [{
|
|
3625
3711
|
type: Input
|
|
3626
3712
|
}], boundIsSameDay: [{
|
|
@@ -7337,6 +7423,68 @@ class CustomDateFormatService {
|
|
|
7337
7423
|
}
|
|
7338
7424
|
}
|
|
7339
7425
|
|
|
7426
|
+
class NaturalLanguageParserService {
|
|
7427
|
+
/**
|
|
7428
|
+
* Parse relative time expressions into actual Date or Range objects.
|
|
7429
|
+
* e.g., 'today', 'tomorrow', 'in 3 weeks', 'Q3 2026'
|
|
7430
|
+
*/
|
|
7431
|
+
parse(text) {
|
|
7432
|
+
if (!text)
|
|
7433
|
+
return null;
|
|
7434
|
+
const clean = text.toLowerCase().trim();
|
|
7435
|
+
const today = new Date();
|
|
7436
|
+
if (clean === 'today')
|
|
7437
|
+
return new Date(today);
|
|
7438
|
+
if (clean === 'tomorrow') {
|
|
7439
|
+
return new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
|
|
7440
|
+
}
|
|
7441
|
+
if (clean === 'yesterday') {
|
|
7442
|
+
return new Date(today.getFullYear(), today.getMonth(), today.getDate() - 1);
|
|
7443
|
+
}
|
|
7444
|
+
// Relative offsets: "in 3 weeks", "2 days ago", "5 months"
|
|
7445
|
+
const relativeMatch = clean.match(/^(?:in\s+)?(\d+)\s+(day|week|month|year)s?(?:\s+ago)?$/);
|
|
7446
|
+
if (relativeMatch) {
|
|
7447
|
+
const amount = parseInt(relativeMatch[1] || '0', 10);
|
|
7448
|
+
const unit = relativeMatch[2];
|
|
7449
|
+
const direction = clean.includes('ago') ? -1 : 1;
|
|
7450
|
+
const result = new Date(today);
|
|
7451
|
+
if (unit === 'day') {
|
|
7452
|
+
result.setDate(today.getDate() + amount * direction);
|
|
7453
|
+
}
|
|
7454
|
+
else if (unit === 'week') {
|
|
7455
|
+
result.setDate(today.getDate() + (amount * 7) * direction);
|
|
7456
|
+
}
|
|
7457
|
+
else if (unit === 'month') {
|
|
7458
|
+
result.setMonth(today.getMonth() + amount * direction);
|
|
7459
|
+
}
|
|
7460
|
+
else if (unit === 'year') {
|
|
7461
|
+
result.setFullYear(today.getFullYear() + amount * direction);
|
|
7462
|
+
}
|
|
7463
|
+
return result;
|
|
7464
|
+
}
|
|
7465
|
+
// Calendar quarter mapping: "q3 2025" or "Q2 2026"
|
|
7466
|
+
const quarterMatch = clean.match(/^q([1-4])\s+(\d{4})$/);
|
|
7467
|
+
if (quarterMatch) {
|
|
7468
|
+
const quarter = parseInt(quarterMatch[1] || '1', 10);
|
|
7469
|
+
const year = parseInt(quarterMatch[2] || '2026', 10);
|
|
7470
|
+
const startMonth = (quarter - 1) * 3;
|
|
7471
|
+
return {
|
|
7472
|
+
start: new Date(year, startMonth, 1),
|
|
7473
|
+
end: new Date(year, startMonth + 3, 0, 23, 59, 59, 999),
|
|
7474
|
+
};
|
|
7475
|
+
}
|
|
7476
|
+
return null;
|
|
7477
|
+
}
|
|
7478
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NaturalLanguageParserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7479
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NaturalLanguageParserService, providedIn: 'root' }); }
|
|
7480
|
+
}
|
|
7481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NaturalLanguageParserService, decorators: [{
|
|
7482
|
+
type: Injectable,
|
|
7483
|
+
args: [{
|
|
7484
|
+
providedIn: 'root',
|
|
7485
|
+
}]
|
|
7486
|
+
}] });
|
|
7487
|
+
|
|
7340
7488
|
/**
|
|
7341
7489
|
* A comprehensive, production-ready Angular datepicker component with extensive features.
|
|
7342
7490
|
*
|
|
@@ -7505,6 +7653,21 @@ class NgxsmkDatepickerComponent {
|
|
|
7505
7653
|
get yearRange() {
|
|
7506
7654
|
return this._yearRange();
|
|
7507
7655
|
}
|
|
7656
|
+
// Feature 2: Multi-calendar view
|
|
7657
|
+
set calendars(value) {
|
|
7658
|
+
this.calendarCount = value;
|
|
7659
|
+
}
|
|
7660
|
+
get calendars() {
|
|
7661
|
+
return this.calendarCount;
|
|
7662
|
+
}
|
|
7663
|
+
getTimezoneOptions() {
|
|
7664
|
+
const tz = this.timezone || this.defaultTimezone;
|
|
7665
|
+
const exists = this.timezoneOptions.some(o => o.value === tz);
|
|
7666
|
+
if (!exists && tz) {
|
|
7667
|
+
return [{ label: tz, value: tz }, ...this.timezoneOptions];
|
|
7668
|
+
}
|
|
7669
|
+
return this.timezoneOptions;
|
|
7670
|
+
}
|
|
7508
7671
|
set calendarCount(value) {
|
|
7509
7672
|
const coerced = typeof value === 'string' ? Number.parseInt(value, 10) : Number(value);
|
|
7510
7673
|
const n = Number.isFinite(coerced) ? coerced : Number.NaN;
|
|
@@ -7863,6 +8026,7 @@ class NgxsmkDatepickerComponent {
|
|
|
7863
8026
|
}
|
|
7864
8027
|
set minDate(value) {
|
|
7865
8028
|
this._minDate = this._normalizeDate(value);
|
|
8029
|
+
this.adjustDisplayedDateToRange();
|
|
7866
8030
|
this._updateMemoSignals();
|
|
7867
8031
|
this._invalidateMemoCache();
|
|
7868
8032
|
this.cdr.markForCheck();
|
|
@@ -7872,6 +8036,7 @@ class NgxsmkDatepickerComponent {
|
|
|
7872
8036
|
}
|
|
7873
8037
|
set maxDate(value) {
|
|
7874
8038
|
this._maxDate = this._normalizeDate(value);
|
|
8039
|
+
this.adjustDisplayedDateToRange();
|
|
7875
8040
|
this._updateMemoSignals();
|
|
7876
8041
|
this._invalidateMemoCache();
|
|
7877
8042
|
this.cdr.markForCheck();
|
|
@@ -7925,6 +8090,26 @@ class NgxsmkDatepickerComponent {
|
|
|
7925
8090
|
*/
|
|
7926
8091
|
this.allowSameDay = false;
|
|
7927
8092
|
this.allowTyping = false;
|
|
8093
|
+
// Feature 1: Natural Language Date Input
|
|
8094
|
+
this.enableNaturalLanguage = false;
|
|
8095
|
+
this.naturalLanguageResolved = new EventEmitter();
|
|
8096
|
+
// Feature 4: Disabled range blocking
|
|
8097
|
+
this.invalidRange = new EventEmitter();
|
|
8098
|
+
// Feature 5: Timezone Selector UI
|
|
8099
|
+
this.showTimezoneSelector = false;
|
|
8100
|
+
this.defaultTimezone = 'UTC';
|
|
8101
|
+
this.timezoneChange = new EventEmitter();
|
|
8102
|
+
this.timezoneOptions = [
|
|
8103
|
+
{ label: 'UTC', value: 'UTC' },
|
|
8104
|
+
{ label: 'New York (EST/EDT)', value: 'America/New_York' },
|
|
8105
|
+
{ label: 'Chicago (CST/CDT)', value: 'America/Chicago' },
|
|
8106
|
+
{ label: 'Los Angeles (PST/PDT)', value: 'America/Los_Angeles' },
|
|
8107
|
+
{ label: 'London (GMT/BST)', value: 'Europe/London' },
|
|
8108
|
+
{ label: 'Paris (CET/CEST)', value: 'Europe/Paris' },
|
|
8109
|
+
{ label: 'Tokyo (JST)', value: 'Asia/Tokyo' },
|
|
8110
|
+
{ label: 'Kolkata (IST)', value: 'Asia/Kolkata' },
|
|
8111
|
+
{ label: 'Sydney (AEST/AEDT)', value: 'Australia/Sydney' }
|
|
8112
|
+
];
|
|
7928
8113
|
this._calendarCount = 1;
|
|
7929
8114
|
this.calendarLayout = 'auto';
|
|
7930
8115
|
this.defaultMonthOffset = 0;
|
|
@@ -8075,8 +8260,45 @@ class NgxsmkDatepickerComponent {
|
|
|
8075
8260
|
this._currentMonth = this.currentDate.getMonth();
|
|
8076
8261
|
this._currentYear = this.currentDate.getFullYear();
|
|
8077
8262
|
this._currentDecade = Math.floor(this.currentDate.getFullYear() / 10) * 10;
|
|
8078
|
-
this.monthOptions = computed(() =>
|
|
8079
|
-
|
|
8263
|
+
this.monthOptions = computed(() => {
|
|
8264
|
+
const options = generateMonthOptions(this._localeSignal(), this._currentYearSignal());
|
|
8265
|
+
const min = this._disabledStateSignal().minDate;
|
|
8266
|
+
const max = this._disabledStateSignal().maxDate;
|
|
8267
|
+
const currentYear = this._currentYearSignal();
|
|
8268
|
+
return options.map(opt => {
|
|
8269
|
+
let disabled = false;
|
|
8270
|
+
if (min) {
|
|
8271
|
+
const minYear = min.getFullYear();
|
|
8272
|
+
const minMonth = min.getMonth();
|
|
8273
|
+
if (currentYear < minYear || (currentYear === minYear && opt.value < minMonth)) {
|
|
8274
|
+
disabled = true;
|
|
8275
|
+
}
|
|
8276
|
+
}
|
|
8277
|
+
if (max) {
|
|
8278
|
+
const maxYear = max.getFullYear();
|
|
8279
|
+
const maxMonth = max.getMonth();
|
|
8280
|
+
if (currentYear > maxYear || (currentYear === maxYear && opt.value > maxMonth)) {
|
|
8281
|
+
disabled = true;
|
|
8282
|
+
}
|
|
8283
|
+
}
|
|
8284
|
+
return { ...opt, disabled };
|
|
8285
|
+
});
|
|
8286
|
+
}, ...(ngDevMode ? [{ debugName: "monthOptions" }] : /* istanbul ignore next */ []));
|
|
8287
|
+
this.yearOptions = computed(() => {
|
|
8288
|
+
const options = generateYearOptions(this._currentYearSignal(), this.yearRange);
|
|
8289
|
+
const min = this._disabledStateSignal().minDate;
|
|
8290
|
+
const max = this._disabledStateSignal().maxDate;
|
|
8291
|
+
return options.map(opt => {
|
|
8292
|
+
let disabled = false;
|
|
8293
|
+
if (min && opt.value < min.getFullYear()) {
|
|
8294
|
+
disabled = true;
|
|
8295
|
+
}
|
|
8296
|
+
if (max && opt.value > max.getFullYear()) {
|
|
8297
|
+
disabled = true;
|
|
8298
|
+
}
|
|
8299
|
+
return { ...opt, disabled };
|
|
8300
|
+
});
|
|
8301
|
+
}, ...(ngDevMode ? [{ debugName: "yearOptions" }] : /* istanbul ignore next */ []));
|
|
8080
8302
|
this.decadeOptions = [];
|
|
8081
8303
|
this.yearGrid = [];
|
|
8082
8304
|
this.hourOptions = [];
|
|
@@ -8124,12 +8346,15 @@ class NgxsmkDatepickerComponent {
|
|
|
8124
8346
|
this.parsingService = inject(DatepickerParsingService);
|
|
8125
8347
|
this.touchService = inject(TouchGestureHandlerService);
|
|
8126
8348
|
this.popoverPositioningService = inject(PopoverPositioningService);
|
|
8349
|
+
this.naturalLanguageParserService = inject(NaturalLanguageParserService);
|
|
8127
8350
|
this.ngControl = inject(NgControl, {
|
|
8128
8351
|
optional: true,
|
|
8129
8352
|
self: true,
|
|
8130
8353
|
});
|
|
8131
8354
|
this.isBrowser = isPlatformBrowser(this.platformId);
|
|
8132
8355
|
this.dateComparator = createDateComparator();
|
|
8356
|
+
this.naturalLanguagePreview = null;
|
|
8357
|
+
this.showNaturalLanguagePreview = false;
|
|
8133
8358
|
this.typedInputValue = '';
|
|
8134
8359
|
this.isTyping = false;
|
|
8135
8360
|
this.popoverId = 'ngxsmk-popover-' + Math.random().toString(36).substring(2, 9);
|
|
@@ -8170,6 +8395,16 @@ class NgxsmkDatepickerComponent {
|
|
|
8170
8395
|
, ...(ngDevMode ? [{ debugName: "_visibleCalendarIndicesSignal" }] : /* istanbul ignore next */ []));
|
|
8171
8396
|
/** Bumped when `multiCalendarMonths` is regenerated so `renderedCalendars` invalidates (plain array is not a signal). */
|
|
8172
8397
|
this._multiCalendarDataRevision = signal(0, ...(ngDevMode ? [{ debugName: "_multiCalendarDataRevision" }] : /* istanbul ignore next */ []));
|
|
8398
|
+
this.calendarAriaLabel = computed(() => {
|
|
8399
|
+
this._currentMonthSignal();
|
|
8400
|
+
this._currentYearSignal();
|
|
8401
|
+
this._localeSignal();
|
|
8402
|
+
return this.getCalendarAriaLabel();
|
|
8403
|
+
}, ...(ngDevMode ? [{ debugName: "calendarAriaLabel" }] : /* istanbul ignore next */ []));
|
|
8404
|
+
this.calendarLoadingMessage = computed(() => {
|
|
8405
|
+
this._localeSignal();
|
|
8406
|
+
return this.getCalendarLoadingMessage();
|
|
8407
|
+
}, ...(ngDevMode ? [{ debugName: "calendarLoadingMessage" }] : /* istanbul ignore next */ []));
|
|
8173
8408
|
/**
|
|
8174
8409
|
* Computed signal for rendered calendars - only includes visible calendars + buffer.
|
|
8175
8410
|
* This dramatically reduces DOM nodes for multi-calendar layouts.
|
|
@@ -8225,7 +8460,7 @@ class NgxsmkDatepickerComponent {
|
|
|
8225
8460
|
this.scrollDebounceTimer = null;
|
|
8226
8461
|
this.updatePositionOnScroll = () => {
|
|
8227
8462
|
if (this.isCalendarOpen && this._shouldAppendToBody && this.isBrowser) {
|
|
8228
|
-
this.scrollDebounceTimer ??=
|
|
8463
|
+
this.scrollDebounceTimer ??= this.trackedRequestAnimationFrame(() => {
|
|
8229
8464
|
this.positionPopoverRelativeToInput();
|
|
8230
8465
|
this.scrollDebounceTimer = null;
|
|
8231
8466
|
});
|
|
@@ -8718,6 +8953,41 @@ class NgxsmkDatepickerComponent {
|
|
|
8718
8953
|
const firstDayOfCurrentMonth = new Date(this.currentYear, this.currentMonth, 1);
|
|
8719
8954
|
return firstDayOfCurrentMonth <= this._minDate;
|
|
8720
8955
|
}
|
|
8956
|
+
adjustDisplayedDateToRange() {
|
|
8957
|
+
let yearChanged = false;
|
|
8958
|
+
let monthChanged = false;
|
|
8959
|
+
if (this._minDate) {
|
|
8960
|
+
const minYear = this._minDate.getFullYear();
|
|
8961
|
+
const minMonth = this._minDate.getMonth();
|
|
8962
|
+
if (this._currentYear < minYear) {
|
|
8963
|
+
this._currentYear = minYear;
|
|
8964
|
+
this._currentYearSignal.set(minYear);
|
|
8965
|
+
yearChanged = true;
|
|
8966
|
+
}
|
|
8967
|
+
if (this._currentYear === minYear && this._currentMonth < minMonth) {
|
|
8968
|
+
this._currentMonth = minMonth;
|
|
8969
|
+
this._currentMonthSignal.set(minMonth);
|
|
8970
|
+
monthChanged = true;
|
|
8971
|
+
}
|
|
8972
|
+
}
|
|
8973
|
+
if (this._maxDate) {
|
|
8974
|
+
const maxYear = this._maxDate.getFullYear();
|
|
8975
|
+
const maxMonth = this._maxDate.getMonth();
|
|
8976
|
+
if (this._currentYear > maxYear) {
|
|
8977
|
+
this._currentYear = maxYear;
|
|
8978
|
+
this._currentYearSignal.set(maxYear);
|
|
8979
|
+
yearChanged = true;
|
|
8980
|
+
}
|
|
8981
|
+
if (this._currentYear === maxYear && this._currentMonth > maxMonth) {
|
|
8982
|
+
this._currentMonth = maxMonth;
|
|
8983
|
+
this._currentMonthSignal.set(maxMonth);
|
|
8984
|
+
monthChanged = true;
|
|
8985
|
+
}
|
|
8986
|
+
}
|
|
8987
|
+
if (yearChanged || monthChanged) {
|
|
8988
|
+
this.currentDate = new Date(this._currentYear, this._currentMonth, 1);
|
|
8989
|
+
}
|
|
8990
|
+
}
|
|
8721
8991
|
_invalidateMemoCache() {
|
|
8722
8992
|
this._memoDependencies();
|
|
8723
8993
|
this._cachedIsCurrentMonthMemo = null;
|
|
@@ -8886,17 +9156,26 @@ class NgxsmkDatepickerComponent {
|
|
|
8886
9156
|
* @param calendarMonth - The calendar month object
|
|
8887
9157
|
* @returns Unique identifier combining year and month
|
|
8888
9158
|
*/
|
|
8889
|
-
|
|
8890
|
-
|
|
8891
|
-
|
|
8892
|
-
|
|
8893
|
-
|
|
8894
|
-
|
|
8895
|
-
|
|
8896
|
-
|
|
8897
|
-
|
|
8898
|
-
|
|
9159
|
+
containsNodeViaComposedPath(path) {
|
|
9160
|
+
const nativeElement = this.elementRef?.nativeElement;
|
|
9161
|
+
if (nativeElement && path.includes(nativeElement)) {
|
|
9162
|
+
return true;
|
|
9163
|
+
}
|
|
9164
|
+
// Check portaled popover content if it exists
|
|
9165
|
+
if (this._shouldAppendToBody && this.portalViewRef) {
|
|
9166
|
+
if (this.portalViewRef.rootNodes.some((node) => path.includes(node))) {
|
|
9167
|
+
return true;
|
|
9168
|
+
}
|
|
9169
|
+
}
|
|
9170
|
+
// Check inline popover Container (secondary fallback)
|
|
9171
|
+
if (this.popoverContainer?.nativeElement) {
|
|
9172
|
+
if (path.includes(this.popoverContainer.nativeElement)) {
|
|
9173
|
+
return true;
|
|
9174
|
+
}
|
|
8899
9175
|
}
|
|
9176
|
+
return false;
|
|
9177
|
+
}
|
|
9178
|
+
containsNodeViaDOM(target) {
|
|
8900
9179
|
const nativeElement = this.elementRef?.nativeElement;
|
|
8901
9180
|
if (nativeElement && (nativeElement === target || nativeElement.contains(target))) {
|
|
8902
9181
|
return true;
|
|
@@ -8914,14 +9193,31 @@ class NgxsmkDatepickerComponent {
|
|
|
8914
9193
|
}
|
|
8915
9194
|
return false;
|
|
8916
9195
|
}
|
|
9196
|
+
/**
|
|
9197
|
+
* Checks if a DOM node is contained within this datepicker instance,
|
|
9198
|
+
* including its input group and any portaled popover content.
|
|
9199
|
+
*
|
|
9200
|
+
* @param target - The node to check
|
|
9201
|
+
* @returns True if the node is inside this datepicker's DOM tree
|
|
9202
|
+
*/
|
|
9203
|
+
containsNode(target, event) {
|
|
9204
|
+
if (!this.isBrowser || !target) {
|
|
9205
|
+
return false;
|
|
9206
|
+
}
|
|
9207
|
+
// Support shadow DOM by checking composedPath if event is provided
|
|
9208
|
+
if (event && typeof event.composedPath === 'function') {
|
|
9209
|
+
return this.containsNodeViaComposedPath(event.composedPath());
|
|
9210
|
+
}
|
|
9211
|
+
return this.containsNodeViaDOM(target);
|
|
9212
|
+
}
|
|
8917
9213
|
/** Shared logic for closing calendar when user interacts outside (click or touch). */
|
|
8918
|
-
tryCloseCalendarOnOutsideInteraction(target) {
|
|
8919
|
-
if (this.containsNode(target))
|
|
9214
|
+
tryCloseCalendarOnOutsideInteraction(target, event) {
|
|
9215
|
+
if (this.containsNode(target, event))
|
|
8920
9216
|
return;
|
|
8921
9217
|
const isInsideOtherDatepicker = Array.from(NgxsmkDatepickerComponent._allInstances).some((instance) => {
|
|
8922
9218
|
if (instance === this || instance.isInlineMode)
|
|
8923
9219
|
return false;
|
|
8924
|
-
return instance.containsNode(target);
|
|
9220
|
+
return instance.containsNode(target, event);
|
|
8925
9221
|
});
|
|
8926
9222
|
if (isInsideOtherDatepicker || !this.isCalendarOpen)
|
|
8927
9223
|
return;
|
|
@@ -8945,7 +9241,7 @@ class NgxsmkDatepickerComponent {
|
|
|
8945
9241
|
const target = event.target;
|
|
8946
9242
|
if (!target)
|
|
8947
9243
|
return;
|
|
8948
|
-
this.tryCloseCalendarOnOutsideInteraction(target);
|
|
9244
|
+
this.tryCloseCalendarOnOutsideInteraction(target, event);
|
|
8949
9245
|
}
|
|
8950
9246
|
onTouchStart(event) {
|
|
8951
9247
|
if (this.disabled || this.isInlineMode) {
|
|
@@ -9740,6 +10036,7 @@ class NgxsmkDatepickerComponent {
|
|
|
9740
10036
|
onPopoverEscape(event) {
|
|
9741
10037
|
event.preventDefault();
|
|
9742
10038
|
event.stopPropagation();
|
|
10039
|
+
this.closeCalendarWithFocusRestore();
|
|
9743
10040
|
}
|
|
9744
10041
|
_startOpeningState() {
|
|
9745
10042
|
if (this.isBrowser && this._shouldAppendToBody) {
|
|
@@ -9929,6 +10226,7 @@ class NgxsmkDatepickerComponent {
|
|
|
9929
10226
|
this._currentYearSignal.set(year);
|
|
9930
10227
|
// Fix: Normalize to 1st of month to prevent Date overflow (e.g., Feb 29 -> non-leap year)
|
|
9931
10228
|
this.currentDate = new Date(year, this.currentDate.getMonth(), 1);
|
|
10229
|
+
this.adjustDisplayedDateToRange();
|
|
9932
10230
|
this._invalidateMemoCache();
|
|
9933
10231
|
this.generateCalendar();
|
|
9934
10232
|
}
|
|
@@ -9939,8 +10237,15 @@ class NgxsmkDatepickerComponent {
|
|
|
9939
10237
|
now = convertTimezone(now, this.timezone, '');
|
|
9940
10238
|
}
|
|
9941
10239
|
this.today = getStartOfDay(now);
|
|
10240
|
+
this.updateRangesArray();
|
|
9942
10241
|
}
|
|
9943
10242
|
ngOnInit() {
|
|
10243
|
+
if (!this.timezone && this.showTimezoneSelector && this.defaultTimezone) {
|
|
10244
|
+
this.timezone = this.defaultTimezone;
|
|
10245
|
+
}
|
|
10246
|
+
if (this.enableNaturalLanguage) {
|
|
10247
|
+
this.allowTyping = true;
|
|
10248
|
+
}
|
|
9944
10249
|
NgxsmkDatepickerComponent._allInstances.add(this);
|
|
9945
10250
|
this.applyGlobalConfig();
|
|
9946
10251
|
this.applyAnimationConfig();
|
|
@@ -10188,6 +10493,10 @@ class NgxsmkDatepickerComponent {
|
|
|
10188
10493
|
changes['use24Hour']) {
|
|
10189
10494
|
needsChangeDetection = this.handleChangesWeekStartAndRelated(changes) || needsChangeDetection;
|
|
10190
10495
|
}
|
|
10496
|
+
if (changes['rangePresetFactory']) {
|
|
10497
|
+
this.updateRangesArray();
|
|
10498
|
+
needsChangeDetection = true;
|
|
10499
|
+
}
|
|
10191
10500
|
if (needsChangeDetection)
|
|
10192
10501
|
this.scheduleChangeDetection();
|
|
10193
10502
|
if (changes['field'])
|
|
@@ -10785,6 +11094,7 @@ class NgxsmkDatepickerComponent {
|
|
|
10785
11094
|
input.setSelectionRange(cursorPosition, cursorPosition);
|
|
10786
11095
|
}, 0);
|
|
10787
11096
|
}
|
|
11097
|
+
this.updateNaturalLanguagePreview(value);
|
|
10788
11098
|
this.scheduleChangeDetection();
|
|
10789
11099
|
}
|
|
10790
11100
|
onInputBlur(event) {
|
|
@@ -10815,10 +11125,37 @@ class NgxsmkDatepickerComponent {
|
|
|
10815
11125
|
this.clearValidationError();
|
|
10816
11126
|
this.applyTypedDate(parsedDate);
|
|
10817
11127
|
this.typedInputValue = this.displayValue;
|
|
11128
|
+
this.showNaturalLanguagePreview = false;
|
|
11129
|
+
}
|
|
11130
|
+
else if (this.enableNaturalLanguage) {
|
|
11131
|
+
const resolved = this.naturalLanguageParserService.parse(value);
|
|
11132
|
+
if (resolved) {
|
|
11133
|
+
this.clearValidationError();
|
|
11134
|
+
if (resolved instanceof Date) {
|
|
11135
|
+
this.selectedDate = resolved;
|
|
11136
|
+
this.emitValue(resolved);
|
|
11137
|
+
this.naturalLanguageResolved.emit(resolved);
|
|
11138
|
+
}
|
|
11139
|
+
else {
|
|
11140
|
+
this.startDate = resolved.start;
|
|
11141
|
+
this.endDate = resolved.end;
|
|
11142
|
+
this.emitValue(resolved);
|
|
11143
|
+
this.naturalLanguageResolved.emit(resolved);
|
|
11144
|
+
}
|
|
11145
|
+
this.typedInputValue = this.displayValue;
|
|
11146
|
+
this.generateCalendar();
|
|
11147
|
+
}
|
|
11148
|
+
else {
|
|
11149
|
+
this.applyValidationErrorForBlur(null);
|
|
11150
|
+
this.typedInputValue = this.displayValue;
|
|
11151
|
+
}
|
|
11152
|
+
this.showNaturalLanguagePreview = false;
|
|
11153
|
+
this.scheduleChangeDetection();
|
|
10818
11154
|
}
|
|
10819
11155
|
else {
|
|
10820
11156
|
this.applyValidationErrorForBlur(parsedDate);
|
|
10821
11157
|
this.typedInputValue = this.displayValue;
|
|
11158
|
+
this.showNaturalLanguagePreview = false;
|
|
10822
11159
|
this.scheduleChangeDetection();
|
|
10823
11160
|
}
|
|
10824
11161
|
}
|
|
@@ -10864,21 +11201,51 @@ class NgxsmkDatepickerComponent {
|
|
|
10864
11201
|
if (!value) {
|
|
10865
11202
|
this.clearValue();
|
|
10866
11203
|
this.typedInputValue = '';
|
|
11204
|
+
this.showNaturalLanguagePreview = false;
|
|
10867
11205
|
return;
|
|
10868
11206
|
}
|
|
10869
11207
|
const parsedDate = this.parsingService.parseTypedInput(value, this.displayFormat);
|
|
10870
11208
|
if (parsedDate !== null && this.isValidDate(parsedDate)) {
|
|
10871
11209
|
this.applyTypedDate(parsedDate);
|
|
10872
11210
|
this.typedInputValue = this.displayValue;
|
|
11211
|
+
this.showNaturalLanguagePreview = false;
|
|
10873
11212
|
input.blur();
|
|
10874
11213
|
}
|
|
11214
|
+
else if (this.enableNaturalLanguage) {
|
|
11215
|
+
const resolved = this.naturalLanguageParserService.parse(value);
|
|
11216
|
+
if (resolved) {
|
|
11217
|
+
this.clearValidationError();
|
|
11218
|
+
if (resolved instanceof Date) {
|
|
11219
|
+
this.selectedDate = resolved;
|
|
11220
|
+
this.emitValue(resolved);
|
|
11221
|
+
this.naturalLanguageResolved.emit(resolved);
|
|
11222
|
+
}
|
|
11223
|
+
else {
|
|
11224
|
+
this.startDate = resolved.start;
|
|
11225
|
+
this.endDate = resolved.end;
|
|
11226
|
+
this.emitValue(resolved);
|
|
11227
|
+
this.naturalLanguageResolved.emit(resolved);
|
|
11228
|
+
}
|
|
11229
|
+
this.typedInputValue = this.displayValue;
|
|
11230
|
+
this.generateCalendar();
|
|
11231
|
+
this.showNaturalLanguagePreview = false;
|
|
11232
|
+
input.blur();
|
|
11233
|
+
}
|
|
11234
|
+
else {
|
|
11235
|
+
this.typedInputValue = this.displayValue;
|
|
11236
|
+
this.showNaturalLanguagePreview = false;
|
|
11237
|
+
this.scheduleChangeDetection();
|
|
11238
|
+
}
|
|
11239
|
+
}
|
|
10875
11240
|
else {
|
|
10876
11241
|
this.typedInputValue = this.displayValue;
|
|
11242
|
+
this.showNaturalLanguagePreview = false;
|
|
10877
11243
|
this.scheduleChangeDetection();
|
|
10878
11244
|
}
|
|
10879
11245
|
}
|
|
10880
11246
|
else if (keyboardEvent.key === 'Escape') {
|
|
10881
11247
|
this.typedInputValue = this.displayValue;
|
|
11248
|
+
this.showNaturalLanguagePreview = false;
|
|
10882
11249
|
const input = keyboardEvent.target;
|
|
10883
11250
|
input.blur();
|
|
10884
11251
|
this.scheduleChangeDetection();
|
|
@@ -10992,7 +11359,74 @@ class NgxsmkDatepickerComponent {
|
|
|
10992
11359
|
this.weekDays = generateWeekDays(this.locale, this.firstDayOfWeek);
|
|
10993
11360
|
}
|
|
10994
11361
|
updateRangesArray() {
|
|
10995
|
-
|
|
11362
|
+
let factoryPresets = [];
|
|
11363
|
+
if (this.rangePresetFactory) {
|
|
11364
|
+
try {
|
|
11365
|
+
const dynamicPresets = this.rangePresetFactory(this.today || new Date());
|
|
11366
|
+
factoryPresets = dynamicPresets.map(preset => {
|
|
11367
|
+
const calculated = preset.calculate(this.today || new Date());
|
|
11368
|
+
return {
|
|
11369
|
+
key: preset.name,
|
|
11370
|
+
value: [calculated.start, calculated.end]
|
|
11371
|
+
};
|
|
11372
|
+
});
|
|
11373
|
+
}
|
|
11374
|
+
catch (err) {
|
|
11375
|
+
console.error('Error executing rangePresetFactory:', err);
|
|
11376
|
+
}
|
|
11377
|
+
}
|
|
11378
|
+
const standardPresets = this._ranges ? Object.entries(this._ranges).map(([key, value]) => ({ key, value })) : [];
|
|
11379
|
+
this.rangesArray = [...standardPresets, ...factoryPresets];
|
|
11380
|
+
}
|
|
11381
|
+
setTimezone(tz) {
|
|
11382
|
+
if (this.timezone === tz)
|
|
11383
|
+
return;
|
|
11384
|
+
this.timezone = tz;
|
|
11385
|
+
this._updateToday();
|
|
11386
|
+
this.generateCalendar();
|
|
11387
|
+
this.timezoneChange.emit(tz);
|
|
11388
|
+
this.scheduleChangeDetection();
|
|
11389
|
+
}
|
|
11390
|
+
checkAndEmitInvalidRange(start, end) {
|
|
11391
|
+
const disabledDatesInside = [];
|
|
11392
|
+
const current = new Date(start);
|
|
11393
|
+
const limitDate = new Date(start);
|
|
11394
|
+
limitDate.setDate(limitDate.getDate() + 365);
|
|
11395
|
+
const endChecked = end < limitDate ? end : limitDate;
|
|
11396
|
+
while (current <= endChecked) {
|
|
11397
|
+
if (this.isDateDisabled(current)) {
|
|
11398
|
+
disabledDatesInside.push(new Date(current));
|
|
11399
|
+
}
|
|
11400
|
+
current.setDate(current.getDate() + 1);
|
|
11401
|
+
}
|
|
11402
|
+
if (disabledDatesInside.length > 0) {
|
|
11403
|
+
this.invalidRange.emit({ start, end, disabledDatesInside });
|
|
11404
|
+
return true;
|
|
11405
|
+
}
|
|
11406
|
+
return false;
|
|
11407
|
+
}
|
|
11408
|
+
updateNaturalLanguagePreview(value) {
|
|
11409
|
+
if (!this.enableNaturalLanguage || !value) {
|
|
11410
|
+
this.naturalLanguagePreview = null;
|
|
11411
|
+
this.showNaturalLanguagePreview = false;
|
|
11412
|
+
return;
|
|
11413
|
+
}
|
|
11414
|
+
const resolved = this.naturalLanguageParserService.parse(value);
|
|
11415
|
+
if (resolved) {
|
|
11416
|
+
if (resolved instanceof Date) {
|
|
11417
|
+
this.naturalLanguagePreview = formatDateWithTimezone(resolved, this.locale, { year: 'numeric', month: 'long', day: 'numeric' }, this.timezone);
|
|
11418
|
+
}
|
|
11419
|
+
else {
|
|
11420
|
+
const start = formatDateWithTimezone(resolved.start, this.locale, { year: 'numeric', month: 'long', day: 'numeric' }, this.timezone);
|
|
11421
|
+
const end = formatDateWithTimezone(resolved.end, this.locale, { year: 'numeric', month: 'long', day: 'numeric' }, this.timezone);
|
|
11422
|
+
this.naturalLanguagePreview = `${start} - ${end}`;
|
|
11423
|
+
}
|
|
11424
|
+
this.showNaturalLanguagePreview = true;
|
|
11425
|
+
}
|
|
11426
|
+
else {
|
|
11427
|
+
this.naturalLanguagePreview = null;
|
|
11428
|
+
this.showNaturalLanguagePreview = false;
|
|
11429
|
+
}
|
|
10996
11430
|
}
|
|
10997
11431
|
selectRange(range) {
|
|
10998
11432
|
if (this.disabled)
|
|
@@ -11004,6 +11438,7 @@ class NgxsmkDatepickerComponent {
|
|
|
11004
11438
|
this.endDate = this.applyCurrentTime(this.endDate);
|
|
11005
11439
|
}
|
|
11006
11440
|
if (this.startDate && this.endDate) {
|
|
11441
|
+
this.checkAndEmitInvalidRange(this.startDate, this.endDate);
|
|
11007
11442
|
this.emitValue({
|
|
11008
11443
|
start: this.startDate,
|
|
11009
11444
|
end: this.endDate,
|
|
@@ -11391,6 +11826,7 @@ class NgxsmkDatepickerComponent {
|
|
|
11391
11826
|
this.endDate = potentialEndDate;
|
|
11392
11827
|
this.hoveredDate = null;
|
|
11393
11828
|
this._invalidateMemoCache();
|
|
11829
|
+
this.checkAndEmitInvalidRange(this.startDate, this.endDate);
|
|
11394
11830
|
this.emitValue({ start: this.startDate, end: this.endDate });
|
|
11395
11831
|
this._announceRangeSelected();
|
|
11396
11832
|
}
|
|
@@ -11406,6 +11842,7 @@ class NgxsmkDatepickerComponent {
|
|
|
11406
11842
|
this.endDate = endSame;
|
|
11407
11843
|
this.hoveredDate = null;
|
|
11408
11844
|
this._invalidateMemoCache();
|
|
11845
|
+
this.checkAndEmitInvalidRange(this.startDate, this.endDate);
|
|
11409
11846
|
this.emitValue({ start: this.startDate, end: this.endDate });
|
|
11410
11847
|
return true;
|
|
11411
11848
|
}
|
|
@@ -11696,7 +12133,7 @@ class NgxsmkDatepickerComponent {
|
|
|
11696
12133
|
},
|
|
11697
12134
|
});
|
|
11698
12135
|
if (this.isBrowser) {
|
|
11699
|
-
|
|
12136
|
+
this.trackedRequestAnimationFrame(() => {
|
|
11700
12137
|
this.setupPassiveTouchListeners();
|
|
11701
12138
|
});
|
|
11702
12139
|
}
|
|
@@ -11814,6 +12251,7 @@ class NgxsmkDatepickerComponent {
|
|
|
11814
12251
|
this._currentYear = yearValue;
|
|
11815
12252
|
this._currentYearSignal.set(yearValue);
|
|
11816
12253
|
this.currentDate.setFullYear(yearValue);
|
|
12254
|
+
this.adjustDisplayedDateToRange();
|
|
11817
12255
|
this._invalidateMemoCache();
|
|
11818
12256
|
this.generateYearGrid();
|
|
11819
12257
|
this.generateCalendar();
|
|
@@ -11966,9 +12404,9 @@ class NgxsmkDatepickerComponent {
|
|
|
11966
12404
|
this._invalidateMemoCache();
|
|
11967
12405
|
this.generateCalendar();
|
|
11968
12406
|
if (this.isBrowser && this.isCalendarOpen) {
|
|
11969
|
-
|
|
11970
|
-
|
|
11971
|
-
|
|
12407
|
+
this.trackedRequestAnimationFrame(() => {
|
|
12408
|
+
this.trackedRequestAnimationFrame(() => {
|
|
12409
|
+
this.trackedSetTimeout(() => {
|
|
11972
12410
|
this.setupPassiveTouchListeners();
|
|
11973
12411
|
}, 50);
|
|
11974
12412
|
});
|
|
@@ -12250,6 +12688,10 @@ class NgxsmkDatepickerComponent {
|
|
|
12250
12688
|
this.isCalendarOpen = false;
|
|
12251
12689
|
this.isOpeningCalendar = false;
|
|
12252
12690
|
this._startClosingState();
|
|
12691
|
+
this.onTouched();
|
|
12692
|
+
if (this._field) {
|
|
12693
|
+
this.fieldSyncService.markAsTouched(this._field);
|
|
12694
|
+
}
|
|
12253
12695
|
// Restore focus to the previously focused element
|
|
12254
12696
|
if (this.isBrowser && this.previousFocusElement) {
|
|
12255
12697
|
// Use setTimeout to ensure the calendar is fully closed before restoring focus
|
|
@@ -12297,6 +12739,10 @@ class NgxsmkDatepickerComponent {
|
|
|
12297
12739
|
NgxsmkDatepickerComponent._allInstances.delete(this);
|
|
12298
12740
|
// Clean up field sync service
|
|
12299
12741
|
this.fieldSyncService.cleanup();
|
|
12742
|
+
if (this.scrollDebounceTimer && this.isBrowser) {
|
|
12743
|
+
cancelAnimationFrame(this.scrollDebounceTimer);
|
|
12744
|
+
this.scrollDebounceTimer = null;
|
|
12745
|
+
}
|
|
12300
12746
|
// Clear individual timeout IDs first
|
|
12301
12747
|
if (this.openCalendarTimeoutId) {
|
|
12302
12748
|
clearTimeout(this.openCalendarTimeoutId);
|
|
@@ -12434,7 +12880,7 @@ class NgxsmkDatepickerComponent {
|
|
|
12434
12880
|
}
|
|
12435
12881
|
}
|
|
12436
12882
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12437
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: "mode", calendarViewMode: "calendarViewMode", isInvalidDate: "isInvalidDate", showRanges: "showRanges", showTime: "showTime", timeOnly: "timeOnly", timeRangeMode: "timeRangeMode", showCalendarButton: "showCalendarButton", minuteInterval: "minuteInterval", use24Hour: "use24Hour", secondInterval: "secondInterval", showSeconds: "showSeconds", holidayProvider: "holidayProvider", disableHolidays: "disableHolidays", disabledDates: "disabledDates", disabledRanges: "disabledRanges", recurringPattern: "recurringPattern", dateTemplate: "dateTemplate", placeholder: "placeholder", inline: "inline", inputId: "inputId", name: "name", autocomplete: "autocomplete", translations: "translations", translationService: "translationService", clearLabel: "clearLabel", closeLabel: "closeLabel", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", clearAriaLabel: "clearAriaLabel", closeAriaLabel: "closeAriaLabel", weekStart: "weekStart", yearRange: "yearRange", timezone: "timezone", hooks: "hooks", enableKeyboardShortcuts: "enableKeyboardShortcuts", customShortcuts: "customShortcuts", autoApplyClose: "autoApplyClose", allowSameDay: "allowSameDay", displayFormat: "displayFormat", allowTyping: "allowTyping", calendarCount: "calendarCount", calendarLayout: "calendarLayout", defaultMonthOffset: "defaultMonthOffset", syncScroll: "syncScroll", align: "align", useNativePicker: "useNativePicker", enableHapticFeedback: "enableHapticFeedback", mobileModalStyle: "mobileModalStyle", mobileTimePickerStyle: "mobileTimePickerStyle", enablePullToRefresh: "enablePullToRefresh", mobileTheme: "mobileTheme", enableVoiceInput: "enableVoiceInput", autoDetectMobile: "autoDetectMobile", disableFocusTrap: "disableFocusTrap", appendToBody: "appendToBody", value: "value", field: "field", startAt: "startAt", locale: "locale", theme: "theme", dateFormatPattern: "dateFormatPattern", animationConfig: "animationConfig", rtl: "rtl", classes: "classes", disabledState: "disabledState", required: "required", errorState: "errorState", userAriaDescribedBy: "userAriaDescribedBy", minDate: "minDate", maxDate: "maxDate", ranges: "ranges" }, outputs: { 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: [
|
|
12883
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: "mode", calendarViewMode: "calendarViewMode", isInvalidDate: "isInvalidDate", showRanges: "showRanges", showTime: "showTime", timeOnly: "timeOnly", timeRangeMode: "timeRangeMode", showCalendarButton: "showCalendarButton", minuteInterval: "minuteInterval", use24Hour: "use24Hour", secondInterval: "secondInterval", showSeconds: "showSeconds", holidayProvider: "holidayProvider", disableHolidays: "disableHolidays", disabledDates: "disabledDates", disabledRanges: "disabledRanges", recurringPattern: "recurringPattern", dateTemplate: "dateTemplate", placeholder: "placeholder", inline: "inline", inputId: "inputId", name: "name", autocomplete: "autocomplete", translations: "translations", translationService: "translationService", clearLabel: "clearLabel", closeLabel: "closeLabel", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", clearAriaLabel: "clearAriaLabel", closeAriaLabel: "closeAriaLabel", weekStart: "weekStart", yearRange: "yearRange", timezone: "timezone", hooks: "hooks", enableKeyboardShortcuts: "enableKeyboardShortcuts", customShortcuts: "customShortcuts", autoApplyClose: "autoApplyClose", allowSameDay: "allowSameDay", displayFormat: "displayFormat", allowTyping: "allowTyping", enableNaturalLanguage: "enableNaturalLanguage", naturalLanguagePreviewTemplate: "naturalLanguagePreviewTemplate", calendars: "calendars", rangePresetFactory: "rangePresetFactory", showTimezoneSelector: "showTimezoneSelector", defaultTimezone: "defaultTimezone", calendarCount: "calendarCount", calendarLayout: "calendarLayout", defaultMonthOffset: "defaultMonthOffset", syncScroll: "syncScroll", align: "align", useNativePicker: "useNativePicker", enableHapticFeedback: "enableHapticFeedback", mobileModalStyle: "mobileModalStyle", mobileTimePickerStyle: "mobileTimePickerStyle", enablePullToRefresh: "enablePullToRefresh", mobileTheme: "mobileTheme", enableVoiceInput: "enableVoiceInput", autoDetectMobile: "autoDetectMobile", disableFocusTrap: "disableFocusTrap", appendToBody: "appendToBody", value: "value", field: "field", startAt: "startAt", locale: "locale", theme: "theme", dateFormatPattern: "dateFormatPattern", animationConfig: "animationConfig", rtl: "rtl", classes: "classes", disabledState: "disabledState", required: "required", errorState: "errorState", userAriaDescribedBy: "userAriaDescribedBy", minDate: "minDate", maxDate: "maxDate", ranges: "ranges" }, outputs: { 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: [
|
|
12438
12884
|
FieldSyncService,
|
|
12439
12885
|
CalendarGenerationService,
|
|
12440
12886
|
DatepickerParsingService,
|
|
@@ -12452,50 +12898,63 @@ class NgxsmkDatepickerComponent {
|
|
|
12452
12898
|
[ngClass]="classes?.wrapper"
|
|
12453
12899
|
>
|
|
12454
12900
|
@if (!isInlineMode) {
|
|
12455
|
-
<ngxsmk-
|
|
12456
|
-
|
|
12457
|
-
|
|
12458
|
-
|
|
12459
|
-
|
|
12460
|
-
|
|
12461
|
-
|
|
12462
|
-
|
|
12463
|
-
|
|
12464
|
-
|
|
12465
|
-
|
|
12466
|
-
|
|
12467
|
-
|
|
12468
|
-
|
|
12469
|
-
|
|
12470
|
-
|
|
12471
|
-
|
|
12472
|
-
|
|
12473
|
-
|
|
12474
|
-
|
|
12475
|
-
|
|
12476
|
-
|
|
12477
|
-
|
|
12478
|
-
|
|
12479
|
-
|
|
12480
|
-
|
|
12481
|
-
|
|
12482
|
-
|
|
12483
|
-
|
|
12484
|
-
|
|
12485
|
-
|
|
12486
|
-
|
|
12487
|
-
|
|
12488
|
-
|
|
12489
|
-
|
|
12490
|
-
|
|
12491
|
-
|
|
12901
|
+
<div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
|
|
12902
|
+
<ngxsmk-datepicker-input
|
|
12903
|
+
#datepickerInput
|
|
12904
|
+
[isNative]="shouldUseNativePicker()"
|
|
12905
|
+
[disabled]="disabled"
|
|
12906
|
+
[classes]="classes"
|
|
12907
|
+
[nativeInputType]="getNativeInputType()"
|
|
12908
|
+
[formattedValue]="formatValueForNativeInput(value)"
|
|
12909
|
+
[placeholder]="placeholder"
|
|
12910
|
+
[id]="inputId || _uniqueId"
|
|
12911
|
+
[name]="name"
|
|
12912
|
+
[autocomplete]="autocomplete"
|
|
12913
|
+
[required]="required"
|
|
12914
|
+
[minDateNative]="getMinDateForNativeInput()"
|
|
12915
|
+
[maxDateNative]="getMaxDateForNativeInput()"
|
|
12916
|
+
[ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
|
|
12917
|
+
[ariaDescribedBy]="'datepicker-help-' + _uniqueId"
|
|
12918
|
+
[errorState]="errorState"
|
|
12919
|
+
[clearAriaLabel]="_clearAriaLabel"
|
|
12920
|
+
[clearLabel]="_clearLabel"
|
|
12921
|
+
[isCalendarOpen]="isCalendarOpen"
|
|
12922
|
+
[allowTyping]="allowTyping"
|
|
12923
|
+
[typedInputValue]="typedInputValue"
|
|
12924
|
+
[displayValue]="displayValue"
|
|
12925
|
+
[showCalendarButton]="showCalendarButton"
|
|
12926
|
+
[calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
|
|
12927
|
+
[validationErrorMessage]="validationErrorMessage"
|
|
12928
|
+
(nativeInputChange)="onNativeInputChange($event)"
|
|
12929
|
+
(inputBlur)="onInputBlur($event)"
|
|
12930
|
+
(clearValue)="clearValue($event)"
|
|
12931
|
+
(toggleCalendar)="toggleCalendar($event)"
|
|
12932
|
+
(pointerDown)="onPointerDown($event)"
|
|
12933
|
+
(pointerUp)="onPointerUp($event)"
|
|
12934
|
+
(inputGroupFocus)="onInputGroupFocus()"
|
|
12935
|
+
(inputKeyDown)="onInputKeyDown($event)"
|
|
12936
|
+
(inputChange)="onInputChange($event)"
|
|
12937
|
+
(inputFocus)="onInputFocus($event)"
|
|
12938
|
+
></ngxsmk-datepicker-input>
|
|
12939
|
+
@if (showNaturalLanguagePreview && naturalLanguagePreview) {
|
|
12940
|
+
<div class="ngxsmk-natural-language-preview" style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;">
|
|
12941
|
+
<ng-container [ngTemplateOutlet]="naturalLanguagePreviewTemplate || defaultPreviewTpl" [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"></ng-container>
|
|
12942
|
+
</div>
|
|
12943
|
+
}
|
|
12944
|
+
</div>
|
|
12492
12945
|
}
|
|
12493
12946
|
|
|
12947
|
+
<ng-template #defaultPreviewTpl let-preview>
|
|
12948
|
+
<div class="ngxsmk-natural-language-preview-content">
|
|
12949
|
+
Resolved: <strong>{{ preview }}</strong>
|
|
12950
|
+
</div>
|
|
12951
|
+
</ng-template>
|
|
12952
|
+
|
|
12494
12953
|
<ng-template #portalContent>
|
|
12495
12954
|
<ngxsmk-datepicker-content
|
|
12496
12955
|
#datepickerContent
|
|
12497
12956
|
[isCalendarVisible]="isCalendarVisible"
|
|
12498
|
-
[isCalendarOpen]="
|
|
12957
|
+
[isCalendarOpen]="_isCalendarOpen()"
|
|
12499
12958
|
[isInlineMode]="isInlineMode"
|
|
12500
12959
|
[shouldAppendToBody]="_shouldAppendToBody"
|
|
12501
12960
|
[theme]="theme"
|
|
@@ -12506,11 +12965,15 @@ class NgxsmkDatepickerComponent {
|
|
|
12506
12965
|
[isMobile]="isMobileDevice()"
|
|
12507
12966
|
[mobileModalStyle]="mobileModalStyle"
|
|
12508
12967
|
[align]="align"
|
|
12509
|
-
[ariaLabel]="
|
|
12968
|
+
[ariaLabel]="calendarAriaLabel()"
|
|
12510
12969
|
[isCalendarOpening]="isCalendarOpening"
|
|
12511
|
-
[loadingMessage]="
|
|
12970
|
+
[loadingMessage]="calendarLoadingMessage()"
|
|
12512
12971
|
[showRanges]="showRanges"
|
|
12513
12972
|
[rangesArray]="rangesArray"
|
|
12973
|
+
[selectedRange]="[startDate, endDate]"
|
|
12974
|
+
[showTimezoneSelector]="showTimezoneSelector"
|
|
12975
|
+
[timezoneOptions]="getTimezoneOptions()"
|
|
12976
|
+
[currentTimezone]="timezone || defaultTimezone"
|
|
12514
12977
|
[mode]="mode"
|
|
12515
12978
|
[disabled]="disabled"
|
|
12516
12979
|
[calendarCount]="calendarCount"
|
|
@@ -12526,9 +12989,9 @@ class NgxsmkDatepickerComponent {
|
|
|
12526
12989
|
[dateTemplate]="dateTemplate"
|
|
12527
12990
|
[calendarViewMode]="calendarViewMode"
|
|
12528
12991
|
[monthOptions]="monthOptions()"
|
|
12529
|
-
[currentMonth]="
|
|
12992
|
+
[currentMonth]="_currentMonthSignal()"
|
|
12530
12993
|
[yearOptions]="yearOptions()"
|
|
12531
|
-
[currentYear]="
|
|
12994
|
+
[currentYear]="_currentYearSignal()"
|
|
12532
12995
|
[isBackArrowDisabled]="isBackArrowDisabled"
|
|
12533
12996
|
[prevMonthAriaLabel]="_prevMonthAriaLabel"
|
|
12534
12997
|
[nextMonthAriaLabel]="_nextMonthAriaLabel"
|
|
@@ -12585,6 +13048,7 @@ class NgxsmkDatepickerComponent {
|
|
|
12585
13048
|
(touchMoveContainer)="onBottomSheetTouchMove($event)"
|
|
12586
13049
|
(touchEndContainer)="onBottomSheetTouchEnd($event)"
|
|
12587
13050
|
(rangeSelect)="selectRange($event)"
|
|
13051
|
+
(timezoneChange)="setTimezone($event)"
|
|
12588
13052
|
(previousMonth)="changeMonth(-1)"
|
|
12589
13053
|
(nextMonth)="changeMonth(1)"
|
|
12590
13054
|
(currentMonthChange)="currentMonth = $event"
|
|
@@ -12639,7 +13103,7 @@ class NgxsmkDatepickerComponent {
|
|
|
12639
13103
|
/>
|
|
12640
13104
|
}
|
|
12641
13105
|
</div>
|
|
12642
|
-
`, 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-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.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{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: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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.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-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;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) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{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) .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;overflow:hidden!important}.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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-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-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-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-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.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-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-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-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;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.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.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-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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.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-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-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-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.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-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.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!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@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!important;right:auto!important}}.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-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.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-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%}}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-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@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-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}}\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", "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", "boundIsDateDisabled", "boundIsSameDay", "boundIsHoliday", "boundIsMultipleSelected", "boundIsInRange", "boundIsPreviewInRange", "boundGetAriaLabel", "boundGetDayCellCustomClasses", "boundGetDayCellTooltip", "boundFormatDayNumber", "getMonthYearLabel", "getCalendarAriaLabelForMonth", "isTimelineMonthSelected", "formatTimeSliderValue"], outputs: ["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 }); }
|
|
13106
|
+
`, 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-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.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{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: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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.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-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;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) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{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) .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;overflow:hidden!important}.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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-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-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-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.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-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-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-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;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.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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.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-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-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-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.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-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.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!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@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!important;right:auto!important}}.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-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.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-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%}}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-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@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-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}}\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", "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", "boundIsSameDay", "boundIsHoliday", "boundIsMultipleSelected", "boundIsInRange", "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 }); }
|
|
12643
13107
|
}
|
|
12644
13108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, decorators: [{
|
|
12645
13109
|
type: Component,
|
|
@@ -12669,50 +13133,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
12669
13133
|
[ngClass]="classes?.wrapper"
|
|
12670
13134
|
>
|
|
12671
13135
|
@if (!isInlineMode) {
|
|
12672
|
-
<ngxsmk-
|
|
12673
|
-
|
|
12674
|
-
|
|
12675
|
-
|
|
12676
|
-
|
|
12677
|
-
|
|
12678
|
-
|
|
12679
|
-
|
|
12680
|
-
|
|
12681
|
-
|
|
12682
|
-
|
|
12683
|
-
|
|
12684
|
-
|
|
12685
|
-
|
|
12686
|
-
|
|
12687
|
-
|
|
12688
|
-
|
|
12689
|
-
|
|
12690
|
-
|
|
12691
|
-
|
|
12692
|
-
|
|
12693
|
-
|
|
12694
|
-
|
|
12695
|
-
|
|
12696
|
-
|
|
12697
|
-
|
|
12698
|
-
|
|
12699
|
-
|
|
12700
|
-
|
|
12701
|
-
|
|
12702
|
-
|
|
12703
|
-
|
|
12704
|
-
|
|
12705
|
-
|
|
12706
|
-
|
|
12707
|
-
|
|
12708
|
-
|
|
13136
|
+
<div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
|
|
13137
|
+
<ngxsmk-datepicker-input
|
|
13138
|
+
#datepickerInput
|
|
13139
|
+
[isNative]="shouldUseNativePicker()"
|
|
13140
|
+
[disabled]="disabled"
|
|
13141
|
+
[classes]="classes"
|
|
13142
|
+
[nativeInputType]="getNativeInputType()"
|
|
13143
|
+
[formattedValue]="formatValueForNativeInput(value)"
|
|
13144
|
+
[placeholder]="placeholder"
|
|
13145
|
+
[id]="inputId || _uniqueId"
|
|
13146
|
+
[name]="name"
|
|
13147
|
+
[autocomplete]="autocomplete"
|
|
13148
|
+
[required]="required"
|
|
13149
|
+
[minDateNative]="getMinDateForNativeInput()"
|
|
13150
|
+
[maxDateNative]="getMaxDateForNativeInput()"
|
|
13151
|
+
[ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
|
|
13152
|
+
[ariaDescribedBy]="'datepicker-help-' + _uniqueId"
|
|
13153
|
+
[errorState]="errorState"
|
|
13154
|
+
[clearAriaLabel]="_clearAriaLabel"
|
|
13155
|
+
[clearLabel]="_clearLabel"
|
|
13156
|
+
[isCalendarOpen]="isCalendarOpen"
|
|
13157
|
+
[allowTyping]="allowTyping"
|
|
13158
|
+
[typedInputValue]="typedInputValue"
|
|
13159
|
+
[displayValue]="displayValue"
|
|
13160
|
+
[showCalendarButton]="showCalendarButton"
|
|
13161
|
+
[calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
|
|
13162
|
+
[validationErrorMessage]="validationErrorMessage"
|
|
13163
|
+
(nativeInputChange)="onNativeInputChange($event)"
|
|
13164
|
+
(inputBlur)="onInputBlur($event)"
|
|
13165
|
+
(clearValue)="clearValue($event)"
|
|
13166
|
+
(toggleCalendar)="toggleCalendar($event)"
|
|
13167
|
+
(pointerDown)="onPointerDown($event)"
|
|
13168
|
+
(pointerUp)="onPointerUp($event)"
|
|
13169
|
+
(inputGroupFocus)="onInputGroupFocus()"
|
|
13170
|
+
(inputKeyDown)="onInputKeyDown($event)"
|
|
13171
|
+
(inputChange)="onInputChange($event)"
|
|
13172
|
+
(inputFocus)="onInputFocus($event)"
|
|
13173
|
+
></ngxsmk-datepicker-input>
|
|
13174
|
+
@if (showNaturalLanguagePreview && naturalLanguagePreview) {
|
|
13175
|
+
<div class="ngxsmk-natural-language-preview" style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;">
|
|
13176
|
+
<ng-container [ngTemplateOutlet]="naturalLanguagePreviewTemplate || defaultPreviewTpl" [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"></ng-container>
|
|
13177
|
+
</div>
|
|
13178
|
+
}
|
|
13179
|
+
</div>
|
|
12709
13180
|
}
|
|
12710
13181
|
|
|
13182
|
+
<ng-template #defaultPreviewTpl let-preview>
|
|
13183
|
+
<div class="ngxsmk-natural-language-preview-content">
|
|
13184
|
+
Resolved: <strong>{{ preview }}</strong>
|
|
13185
|
+
</div>
|
|
13186
|
+
</ng-template>
|
|
13187
|
+
|
|
12711
13188
|
<ng-template #portalContent>
|
|
12712
13189
|
<ngxsmk-datepicker-content
|
|
12713
13190
|
#datepickerContent
|
|
12714
13191
|
[isCalendarVisible]="isCalendarVisible"
|
|
12715
|
-
[isCalendarOpen]="
|
|
13192
|
+
[isCalendarOpen]="_isCalendarOpen()"
|
|
12716
13193
|
[isInlineMode]="isInlineMode"
|
|
12717
13194
|
[shouldAppendToBody]="_shouldAppendToBody"
|
|
12718
13195
|
[theme]="theme"
|
|
@@ -12723,11 +13200,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
12723
13200
|
[isMobile]="isMobileDevice()"
|
|
12724
13201
|
[mobileModalStyle]="mobileModalStyle"
|
|
12725
13202
|
[align]="align"
|
|
12726
|
-
[ariaLabel]="
|
|
13203
|
+
[ariaLabel]="calendarAriaLabel()"
|
|
12727
13204
|
[isCalendarOpening]="isCalendarOpening"
|
|
12728
|
-
[loadingMessage]="
|
|
13205
|
+
[loadingMessage]="calendarLoadingMessage()"
|
|
12729
13206
|
[showRanges]="showRanges"
|
|
12730
13207
|
[rangesArray]="rangesArray"
|
|
13208
|
+
[selectedRange]="[startDate, endDate]"
|
|
13209
|
+
[showTimezoneSelector]="showTimezoneSelector"
|
|
13210
|
+
[timezoneOptions]="getTimezoneOptions()"
|
|
13211
|
+
[currentTimezone]="timezone || defaultTimezone"
|
|
12731
13212
|
[mode]="mode"
|
|
12732
13213
|
[disabled]="disabled"
|
|
12733
13214
|
[calendarCount]="calendarCount"
|
|
@@ -12743,9 +13224,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
12743
13224
|
[dateTemplate]="dateTemplate"
|
|
12744
13225
|
[calendarViewMode]="calendarViewMode"
|
|
12745
13226
|
[monthOptions]="monthOptions()"
|
|
12746
|
-
[currentMonth]="
|
|
13227
|
+
[currentMonth]="_currentMonthSignal()"
|
|
12747
13228
|
[yearOptions]="yearOptions()"
|
|
12748
|
-
[currentYear]="
|
|
13229
|
+
[currentYear]="_currentYearSignal()"
|
|
12749
13230
|
[isBackArrowDisabled]="isBackArrowDisabled"
|
|
12750
13231
|
[prevMonthAriaLabel]="_prevMonthAriaLabel"
|
|
12751
13232
|
[nextMonthAriaLabel]="_nextMonthAriaLabel"
|
|
@@ -12802,6 +13283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
12802
13283
|
(touchMoveContainer)="onBottomSheetTouchMove($event)"
|
|
12803
13284
|
(touchEndContainer)="onBottomSheetTouchEnd($event)"
|
|
12804
13285
|
(rangeSelect)="selectRange($event)"
|
|
13286
|
+
(timezoneChange)="setTimezone($event)"
|
|
12805
13287
|
(previousMonth)="changeMonth(-1)"
|
|
12806
13288
|
(nextMonth)="changeMonth(1)"
|
|
12807
13289
|
(currentMonthChange)="currentMonth = $event"
|
|
@@ -12856,7 +13338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
12856
13338
|
/>
|
|
12857
13339
|
}
|
|
12858
13340
|
</div>
|
|
12859
|
-
`, 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-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.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{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: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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.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-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;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) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{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) .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;overflow:hidden!important}.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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-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-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-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-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.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-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-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-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;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.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.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-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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.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-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-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-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.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-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.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!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@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!important;right:auto!important}}.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-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.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-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%}}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-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@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-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}}\n"] }]
|
|
13341
|
+
`, 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-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.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{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: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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.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-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .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;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) .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;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{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) .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;overflow:hidden!important}.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.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-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-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-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.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-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-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-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;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.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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.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-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-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-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.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-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.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!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@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!important;right:auto!important}}.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-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.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{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.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-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.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-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-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.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{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.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-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%}}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-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@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-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}}\n"] }]
|
|
12860
13342
|
}], ctorParameters: () => [], propDecorators: { mode: [{
|
|
12861
13343
|
type: Input
|
|
12862
13344
|
}], calendarViewMode: [{
|
|
@@ -12939,6 +13421,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
12939
13421
|
type: Input
|
|
12940
13422
|
}], allowTyping: [{
|
|
12941
13423
|
type: Input
|
|
13424
|
+
}], enableNaturalLanguage: [{
|
|
13425
|
+
type: Input
|
|
13426
|
+
}], naturalLanguagePreviewTemplate: [{
|
|
13427
|
+
type: Input
|
|
13428
|
+
}], naturalLanguageResolved: [{
|
|
13429
|
+
type: Output
|
|
13430
|
+
}], calendars: [{
|
|
13431
|
+
type: Input
|
|
13432
|
+
}], rangePresetFactory: [{
|
|
13433
|
+
type: Input
|
|
13434
|
+
}], invalidRange: [{
|
|
13435
|
+
type: Output
|
|
13436
|
+
}], showTimezoneSelector: [{
|
|
13437
|
+
type: Input
|
|
13438
|
+
}], defaultTimezone: [{
|
|
13439
|
+
type: Input
|
|
13440
|
+
}], timezoneChange: [{
|
|
13441
|
+
type: Output
|
|
12942
13442
|
}], calendarCount: [{
|
|
12943
13443
|
type: Input
|
|
12944
13444
|
}], calendarLayout: [{
|