@indigina/ui-kit 1.1.397 → 1.1.398

package/fesm2022/indigina-ui-kit.mjs

@@ -10080,10 +10080,14 @@ class KitSchedulerToolbarComponent {
         }, ...(ngDevMode ? [{ debugName: "viewSettingsMap" }] : []));
     }
     onDateChange(date) {
-        this.navigate({
-            type: 'select-date',
-            date: new Date(date),
-        });
+        const today = new Date();
+        if (!date) {
+            this.navigateToDate(today);
+            return;
+        }
+        if (this.isDateWithinRange(new Date(date), today)) {
+            this.navigateToDate(new Date(date));
+        }
     }
     next() {
         this.navigate({ type: 'next' });
@@ -10107,6 +10111,20 @@ class KitSchedulerToolbarComponent {
     navigate(action) {
         this.toolbarService.navigate(action);
     }
+    navigateToDate(date) {
+        this.navigate({
+            type: 'select-date',
+            date,
+        });
+    }
+    isDateWithinRange(date, referenceDate) {
+        const yearsRange = 20;
+        const minDate = new Date(referenceDate);
+        minDate.setFullYear(referenceDate.getFullYear() - yearsRange);
+        const maxDate = new Date(referenceDate);
+        maxDate.setFullYear(referenceDate.getFullYear() + yearsRange);
+        return date >= minDate && date <= maxDate;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSchedulerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitSchedulerToolbarComponent, isStandalone: true, selector: "kit-scheduler-toolbar", inputs: { selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: true, transformFunction: null }, selectedViewIndex: { classPropertyName: "selectedViewIndex", publicName: "selectedViewIndex", isSignal: true, isRequired: false, transformFunction: null }, showExportButton: { classPropertyName: "showExportButton", publicName: "showExportButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportPDF: "exportPDF" }, ngImport: i0, template: "<div class=\"kit-scheduler-toolbar\">\n  <div class=\"kit-scheduler-toolbar-nav\">\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n                (clicked)=\"prev()\"\n    ></kit-button>\n    <kit-button label=\"Today\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"today()\"></kit-button>\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n                (clicked)=\"next()\">\n    </kit-button>\n  </div>\n\n  <div class=\"kit-scheduler-toolbar-views\">\n    @for (view of views(); track $index) {\n      <kit-button [type]=\"selectedViewIndex() === $index ? kitButtonType.PRIMARY : kitButtonType.TEXT\"\n                  [label]=\"viewSettingsMap()[$index].title\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onViewChange(view)\"\n      ></kit-button>\n    }\n  </div>\n\n  <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n                  [defaultDate]=\"selectedDate()\"\n                  [size]=\"kitDatepickerSize.SMALL\"\n                  [format]=\"getDatepickerFormat()\"\n                  (changed)=\"onDateChange($event)\"\n  ></kit-datepicker>\n  @if (showTimePill()) {\n    <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n      GMT standard time\n    </kit-pill>\n  }\n\n  @if (showExportButton()) {\n    <kit-button kitTooltip\n                kitTooltipFilter=\"kit-button\"\n                [title]=\"'kit.export.title' | translate\"\n                [disabled]=\"isLoading()\"\n                [icon]=\"kitSvgIcon.DOWNLOAD\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"exportPDF.emit()\" />\n  }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-views{display:flex;align-items:center}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size", "readonly"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }