@wirekyt/angular 0.0.11 → 0.0.13

package/dist/fesm2022/wirekyt-angular-date-picker.mjs

@@ -0,0 +1,1315 @@
+import * as datePicker from '@wirekyt/dom/machines/date-picker';
+import { anatomy } from '@wirekyt/dom/machines/date-picker';
+export { parse as parseDate } from '@wirekyt/dom/machines/date-picker';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, signal, input, model, booleanAttribute, output, EnvironmentInjector, Injector, effect, DestroyRef, Renderer2, ElementRef, forwardRef, Directive, computed, TemplateRef, ViewContainerRef, untracked } from '@angular/core';
+import { injectLocale, injectEnvironment, createId, useMachine, createCvaController, buildRootCarrier, bindProps } from '@wirekyt/angular';
+import { injectFieldContextOptional } from '@wirekyt/angular/field';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { PresenceBase, PRESENCE_CONTEXT, injectPresenceContext } from '@wirekyt/angular/presence';
+
+const datePickerAnatomy = anatomy.extendWith("valueText");
+
+const DATE_PICKER_CONTEXT = new InjectionToken("WIREKYT.DATE_PICKER_CONTEXT");
+function injectDatePickerContext() {
+    return inject(DATE_PICKER_CONTEXT);
+}
+const DATE_PICKER_CONTEXT_CARRIER = new InjectionToken("WIREKYT.DATE_PICKER_CONTEXT_CARRIER");
+function injectDatePickerContextCarrier() {
+    return inject(DATE_PICKER_CONTEXT_CARRIER);
+}
+const DEFAULT_VIEW_CONTEXT = signal({ view: "day" }, /* @ts-ignore */
+...(ngDevMode ? [{ debugName: "DEFAULT_VIEW_CONTEXT" }] : /* istanbul ignore next */ []));
+const DATE_PICKER_VIEW_CONTEXT = new InjectionToken("WIREKYT.DATE_PICKER_VIEW_CONTEXT");
+const DATE_PICKER_TABLE_CONTEXT = new InjectionToken("WIREKYT.DATE_PICKER_TABLE_CONTEXT");
+const DATE_PICKER_TABLE_CELL_CONTEXT = new InjectionToken("WIREKYT.DATE_PICKER_TABLE_CELL_CONTEXT");
+function injectDatePickerViewContext() {
+    return inject(DATE_PICKER_VIEW_CONTEXT, { optional: true }) ?? DEFAULT_VIEW_CONTEXT;
+}
+function injectDatePickerTableContext() {
+    return inject(DATE_PICKER_TABLE_CONTEXT);
+}
+function injectDatePickerTableCellContext() {
+    return inject(DATE_PICKER_TABLE_CELL_CONTEXT);
+}
+function isDatePickerView(value) {
+    return value === "day" || value === "month" || value === "year";
+}
+
+function useDatePicker(options) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const field = injectFieldContextOptional();
+    const fallbackId = createId();
+    return useMachine({
+        machine: datePicker.machine,
+        context: () => {
+            const props = options.context();
+            const merged = {
+                ...props,
+                dir: locale.dir,
+                getRootNode: environment.getRootNode,
+                id: props.id ?? fallbackId,
+                locale: props.locale ?? locale.locale,
+            };
+            if (field) {
+                merged.ids = {
+                    label: () => field.ids.label,
+                    input: () => field.ids.control,
+                    ...props.ids,
+                };
+                merged.disabled = Boolean(props.disabled) || field.disabled() || undefined;
+                merged.readOnly = Boolean(props.readOnly) || field.readOnly() || undefined;
+                merged.required = Boolean(props.required) || field.required() || undefined;
+                merged.invalid = Boolean(props.invalid) || field.invalid() || undefined;
+            }
+            return merged;
+        },
+        connect: (service, normalize) => datePicker.connect(service, normalize),
+    });
+}
+
+class DatePickerRoot extends PresenceBase {
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ids = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    value = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    focusedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []));
+    defaultFocusedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultFocusedValue" }] : /* istanbul ignore next */ []));
+    view = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    defaultView = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultView" }] : /* istanbul ignore next */ []));
+    open = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    readOnly = input(false, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    outsideDaySelectable = input(false, { ...(ngDevMode ? { debugName: "outsideDaySelectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnSelect = input(true, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    openOnClick = input(false, { ...(ngDevMode ? { debugName: "openOnClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    fixedWeeks = input(false, { ...(ngDevMode ? { debugName: "fixedWeeks" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showWeekNumbers = input(false, { ...(ngDevMode ? { debugName: "showWeekNumbers" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    min = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    minView = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minView" }] : /* istanbul ignore next */ []));
+    maxView = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxView" }] : /* istanbul ignore next */ []));
+    numOfMonths = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "numOfMonths" }] : /* istanbul ignore next */ []));
+    startOfWeek = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startOfWeek" }] : /* istanbul ignore next */ []));
+    selectionMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionMode" }] : /* istanbul ignore next */ []));
+    maxSelectedDates = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxSelectedDates" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    timeZone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeZone" }] : /* istanbul ignore next */ []));
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    placeholder = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    format = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    parse = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "parse" }] : /* istanbul ignore next */ []));
+    createCalendar = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "createCalendar" }] : /* istanbul ignore next */ []));
+    isDateUnavailable = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDateUnavailable" }] : /* istanbul ignore next */ []));
+    positioning = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioning" }] : /* istanbul ignore next */ []));
+    valueDetailsChange = output();
+    focusChange = output();
+    viewDetailsChange = output();
+    visibleRangeChange = output();
+    openDetailsChange = output();
+    disabledFromForm = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledFromForm" }] : /* istanbul ignore next */ []));
+    pendingInternalWrites = 0;
+    hasExternalBinding = false;
+    hasReceivedFormWrite = false;
+    cva = createCvaController({
+        value: this.value,
+        setDisabled: (disabled) => this.disabledFromForm.set(disabled),
+        componentName: "DatePickerRoot",
+        hasExternalModelBinding: () => this.hasExternalBinding,
+    });
+    machine = useDatePicker({
+        context: () => ({
+            id: this.id(),
+            ids: this.ids(),
+            value: this.value(),
+            defaultValue: this.defaultValue(),
+            focusedValue: this.focusedValue(),
+            defaultFocusedValue: this.defaultFocusedValue(),
+            view: this.normalizedView(),
+            defaultView: this.defaultView(),
+            open: this.normalizedOpen(),
+            defaultOpen: this.defaultOpen(),
+            inline: this.inline() || undefined,
+            disabled: this.disabled() || this.disabledFromForm() || undefined,
+            readOnly: this.readOnly() || undefined,
+            required: this.required() || undefined,
+            invalid: this.invalid() || undefined,
+            outsideDaySelectable: this.outsideDaySelectable() || undefined,
+            closeOnSelect: this.closeOnSelect(),
+            openOnClick: this.openOnClick() || undefined,
+            fixedWeeks: this.fixedWeeks() || undefined,
+            showWeekNumbers: this.showWeekNumbers() || undefined,
+            min: this.min(),
+            max: this.max(),
+            minView: this.minView(),
+            maxView: this.maxView(),
+            numOfMonths: this.numOfMonths(),
+            startOfWeek: this.startOfWeek(),
+            selectionMode: this.selectionMode(),
+            maxSelectedDates: this.maxSelectedDates(),
+            locale: this.locale(),
+            timeZone: this.timeZone(),
+            translations: this.translations(),
+            name: this.name(),
+            placeholder: this.placeholder(),
+            format: this.format(),
+            parse: this.parse(),
+            createCalendar: this.createCalendar(),
+            isDateUnavailable: this.isDateUnavailable(),
+            positioning: this.positioning(),
+            onValueChange: (details) => {
+                if (!dateValueArraysEqual(this.value(), details.value)) {
+                    this.pendingInternalWrites++;
+                    this.value.set([...details.value]);
+                }
+                this.cva.notifyValueChange(details.value);
+                this.cva.markTouched();
+                this.valueDetailsChange.emit(details);
+            },
+            onFocusChange: (details) => {
+                if (!dateValuesEqual(this.focusedValue(), details.focusedValue)) {
+                    this.focusedValue.set(details.focusedValue);
+                }
+                this.focusChange.emit(details);
+            },
+            onViewChange: (details) => {
+                if (this.view() !== details.view) {
+                    this.view.set(details.view);
+                }
+                this.viewDetailsChange.emit(details);
+            },
+            onVisibleRangeChange: (details) => {
+                this.visibleRangeChange.emit(details);
+            },
+            onOpenChange: (details) => {
+                if (this.normalizedOpen() !== details.open) {
+                    this.open.set(details.open);
+                }
+                if (!details.open) {
+                    this.cva.markTouched();
+                }
+                this.openDetailsChange.emit(details);
+            },
+        }),
+    });
+    state = this.machine.state;
+    api = this.machine.api;
+    service = this.machine.service;
+    send = this.machine.send;
+    presence = this.createPresence(() => this.api().open);
+    contextCarrier = buildRootCarrier({
+        providers: [{ provide: PRESENCE_CONTEXT, useValue: this.presence }],
+        root: this,
+        rootToken: DATE_PICKER_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    constructor() {
+        super();
+        let firstRun = true;
+        effect(() => {
+            void this.value();
+            if (firstRun) {
+                firstRun = false;
+                this.pendingInternalWrites = 0;
+                return;
+            }
+            if (this.pendingInternalWrites > 0) {
+                this.pendingInternalWrites--;
+                return;
+            }
+            this.hasExternalBinding = true;
+        });
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    writeValue(value) {
+        const next = value === null ? undefined : value;
+        const current = this.value();
+        if (!this.hasReceivedFormWrite && current !== undefined) {
+            this.hasExternalBinding = true;
+        }
+        this.hasReceivedFormWrite = true;
+        if (current !== next) {
+            this.pendingInternalWrites++;
+        }
+        this.cva.writeValue(value);
+    }
+    registerOnChange(fn) {
+        this.cva.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.cva.registerOnTouched(fn);
+    }
+    setDisabledState(disabled) {
+        this.cva.setDisabledState(disabled);
+    }
+    normalizedOpen() {
+        const value = this.open();
+        return typeof value === "boolean" ? value : undefined;
+    }
+    normalizedView() {
+        const value = this.view();
+        return isDatePickerView(value) ? value : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerRoot, isStandalone: true, selector: "[datePickerRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ids: { classPropertyName: "ids", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, focusedValue: { classPropertyName: "focusedValue", publicName: "focusedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultFocusedValue: { classPropertyName: "defaultFocusedValue", publicName: "defaultFocusedValue", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, defaultView: { classPropertyName: "defaultView", publicName: "defaultView", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, outsideDaySelectable: { classPropertyName: "outsideDaySelectable", publicName: "outsideDaySelectable", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, openOnClick: { classPropertyName: "openOnClick", publicName: "openOnClick", isSignal: true, isRequired: false, transformFunction: null }, fixedWeeks: { classPropertyName: "fixedWeeks", publicName: "fixedWeeks", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, minView: { classPropertyName: "minView", publicName: "minView", isSignal: true, isRequired: false, transformFunction: null }, maxView: { classPropertyName: "maxView", publicName: "maxView", isSignal: true, isRequired: false, transformFunction: null }, numOfMonths: { classPropertyName: "numOfMonths", publicName: "numOfMonths", isSignal: true, isRequired: false, transformFunction: null }, startOfWeek: { classPropertyName: "startOfWeek", publicName: "startOfWeek", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedDates: { classPropertyName: "maxSelectedDates", publicName: "maxSelectedDates", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, parse: { classPropertyName: "parse", publicName: "parse", isSignal: true, isRequired: false, transformFunction: null }, createCalendar: { classPropertyName: "createCalendar", publicName: "createCalendar", isSignal: true, isRequired: false, transformFunction: null }, isDateUnavailable: { classPropertyName: "isDateUnavailable", publicName: "isDateUnavailable", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", focusedValue: "focusedValueChange", view: "viewChange", open: "openChange", valueDetailsChange: "valueDetailsChange", focusChange: "focusChange", viewDetailsChange: "viewDetailsChange", visibleRangeChange: "visibleRangeChange", openDetailsChange: "openDetailsChange" }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (root) => root.presence,
+                deps: [forwardRef(() => DatePickerRoot)],
+            },
+            { provide: DATE_PICKER_CONTEXT, useExisting: forwardRef(() => DatePickerRoot) },
+            {
+                provide: DATE_PICKER_CONTEXT_CARRIER,
+                useFactory: (root) => root.getContextCarrier(),
+                deps: [forwardRef(() => DatePickerRoot)],
+            },
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatePickerRoot), multi: true },
+        ], exportAs: ["datePickerRoot"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerRoot]",
+                    standalone: true,
+                    exportAs: "datePickerRoot",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (root) => root.presence,
+                            deps: [forwardRef(() => DatePickerRoot)],
+                        },
+                        { provide: DATE_PICKER_CONTEXT, useExisting: forwardRef(() => DatePickerRoot) },
+                        {
+                            provide: DATE_PICKER_CONTEXT_CARRIER,
+                            useFactory: (root) => root.getContextCarrier(),
+                            deps: [forwardRef(() => DatePickerRoot)],
+                        },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => DatePickerRoot), multi: true },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ids: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], focusedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedValue", required: false }] }, { type: i0.Output, args: ["focusedValueChange"] }], defaultFocusedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultFocusedValue", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], defaultView: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultView", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], outsideDaySelectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "outsideDaySelectable", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], openOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnClick", required: false }] }], fixedWeeks: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedWeeks", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], minView: [{ type: i0.Input, args: [{ isSignal: true, alias: "minView", required: false }] }], maxView: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxView", required: false }] }], numOfMonths: [{ type: i0.Input, args: [{ isSignal: true, alias: "numOfMonths", required: false }] }], startOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "startOfWeek", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], maxSelectedDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectedDates", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], parse: [{ type: i0.Input, args: [{ isSignal: true, alias: "parse", required: false }] }], createCalendar: [{ type: i0.Input, args: [{ isSignal: true, alias: "createCalendar", required: false }] }], isDateUnavailable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDateUnavailable", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], valueDetailsChange: [{ type: i0.Output, args: ["valueDetailsChange"] }], focusChange: [{ type: i0.Output, args: ["focusChange"] }], viewDetailsChange: [{ type: i0.Output, args: ["viewDetailsChange"] }], visibleRangeChange: [{ type: i0.Output, args: ["visibleRangeChange"] }], openDetailsChange: [{ type: i0.Output, args: ["openDetailsChange"] }] } });
+function dateValuesEqual(a, b) {
+    if (a === b)
+        return true;
+    if (!a || !b)
+        return false;
+    return String(a) === String(b);
+}
+function dateValueArraysEqual(a, b) {
+    if (a === b)
+        return true;
+    if (!a || !b)
+        return false;
+    if (a.length !== b.length)
+        return false;
+    for (let i = 0; i < a.length; i++) {
+        if (!dateValuesEqual(a[i], b[i]))
+            return false;
+    }
+    return true;
+}
+
+class DatePickerRootProvider extends PresenceBase {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    state = computed(() => this.value().state(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    api = computed(() => this.value().api(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "api" }] : /* istanbul ignore next */ []));
+    send = (event) => this.value().send(event);
+    get service() {
+        return this.value().service;
+    }
+    presence = this.createPresence(() => {
+        try {
+            return this.api().open;
+        }
+        catch {
+            return false;
+        }
+    });
+    contextCarrier = buildRootCarrier({
+        providers: [{ provide: PRESENCE_CONTEXT, useValue: this.presence }],
+        root: this,
+        rootToken: DATE_PICKER_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    constructor() {
+        super();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerRootProvider, isStandalone: true, selector: "[datePickerRootProvider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (provider) => provider.presence,
+                deps: [forwardRef(() => DatePickerRootProvider)],
+            },
+            { provide: DATE_PICKER_CONTEXT, useExisting: forwardRef(() => DatePickerRootProvider) },
+            {
+                provide: DATE_PICKER_CONTEXT_CARRIER,
+                useFactory: (provider) => provider.getContextCarrier(),
+                deps: [forwardRef(() => DatePickerRootProvider)],
+            },
+        ], exportAs: ["datePickerRootProvider"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerRootProvider]",
+                    standalone: true,
+                    exportAs: "datePickerRootProvider",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (provider) => provider.presence,
+                            deps: [forwardRef(() => DatePickerRootProvider)],
+                        },
+                        { provide: DATE_PICKER_CONTEXT, useExisting: forwardRef(() => DatePickerRootProvider) },
+                        {
+                            provide: DATE_PICKER_CONTEXT_CARRIER,
+                            useFactory: (provider) => provider.getContextCarrier(),
+                            deps: [forwardRef(() => DatePickerRootProvider)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class DatePickerContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    datePicker = injectDatePickerContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.datePicker.api,
+            api: this.datePicker.api,
+        });
+        effect(() => {
+            this.datePicker.api();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerContext, isStandalone: true, selector: "[datePickerContext]", exportAs: ["datePickerContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerContext]",
+                    standalone: true,
+                    exportAs: "datePickerContext",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerLabel {
+    index = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getLabelProps({ index: this.index() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerLabel, isStandalone: true, selector: "[datePickerLabel]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["datePickerLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerLabel]",
+                    standalone: true,
+                    exportAs: "datePickerLabel",
+                }]
+        }], ctorParameters: () => [], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }] } });
+
+class DatePickerControl {
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getControlProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerControl, isStandalone: true, selector: "[datePickerControl]", exportAs: ["datePickerControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerControl]",
+                    standalone: true,
+                    exportAs: "datePickerControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerInput {
+    index = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    fixOnBlur = input(true, { ...(ngDevMode ? { debugName: "fixOnBlur" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getInputProps({ index: this.index(), fixOnBlur: this.fixOnBlur() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerInput, isStandalone: true, selector: "[datePickerInput]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, fixOnBlur: { classPropertyName: "fixOnBlur", publicName: "fixOnBlur", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["datePickerInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerInput]",
+                    standalone: true,
+                    exportAs: "datePickerInput",
+                }]
+        }], ctorParameters: () => [], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }], fixOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixOnBlur", required: false }] }] } });
+
+class DatePickerTrigger {
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerTrigger, isStandalone: true, selector: "[datePickerTrigger]", exportAs: ["datePickerTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerContent {
+    constructor() {
+        const context = injectDatePickerContext();
+        const presence = injectPresenceContext();
+        const template = inject((TemplateRef), { optional: true });
+        const container = inject(ViewContainerRef);
+        const host = inject(ElementRef);
+        const elementRef = template ? { nativeElement: null } : host;
+        let view;
+        effect(() => {
+            const unmounted = presence.unmounted();
+            if (template) {
+                if (unmounted) {
+                    elementRef.nativeElement = null;
+                    container.clear();
+                    view = undefined;
+                }
+                else if (!view) {
+                    view = container.createEmbeddedView(template);
+                    elementRef.nativeElement =
+                        view.rootNodes.find((node) => node.nodeType === 1) ?? null;
+                }
+            }
+            untracked(() => presence.setNode(elementRef.nativeElement));
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                presence.unmounted();
+                return { ...context.api().getContentProps(), ...presence.getPresenceProps() };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerContent, isStandalone: true, selector: "[datePickerContent]", exportAs: ["datePickerContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerContent]",
+                    standalone: true,
+                    exportAs: "datePickerContent",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerPositioner {
+    constructor() {
+        const context = injectDatePickerContext();
+        const presence = injectPresenceContext();
+        const template = inject((TemplateRef), { optional: true });
+        const container = inject(ViewContainerRef);
+        const host = inject(ElementRef);
+        const elementRef = template ? { nativeElement: null } : host;
+        let view;
+        effect(() => {
+            const unmounted = presence.unmounted();
+            if (template) {
+                if (unmounted) {
+                    elementRef.nativeElement = null;
+                    container.clear();
+                    view = undefined;
+                }
+                else if (!view) {
+                    view = container.createEmbeddedView(template);
+                    elementRef.nativeElement =
+                        view.rootNodes.find((node) => node.nodeType === 1) ?? null;
+                }
+            }
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                presence.unmounted();
+                return { ...context.api().getPositionerProps(), hidden: presence.unmounted() };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerPositioner, isStandalone: true, selector: "[datePickerPositioner]", exportAs: ["datePickerPositioner"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerPositioner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerPositioner]",
+                    standalone: true,
+                    exportAs: "datePickerPositioner",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerClearTrigger {
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getClearTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerClearTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerClearTrigger, isStandalone: true, selector: "[datePickerClearTrigger]", exportAs: ["datePickerClearTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerClearTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerClearTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerClearTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerPrevTrigger {
+    constructor() {
+        const context = injectDatePickerContext();
+        const view = injectDatePickerViewContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getPrevTriggerProps(view()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerPrevTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerPrevTrigger, isStandalone: true, selector: "[datePickerPrevTrigger]", exportAs: ["datePickerPrevTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerPrevTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerPrevTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerPrevTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerNextTrigger {
+    constructor() {
+        const context = injectDatePickerContext();
+        const view = injectDatePickerViewContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getNextTriggerProps(view()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerNextTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerNextTrigger, isStandalone: true, selector: "[datePickerNextTrigger]", exportAs: ["datePickerNextTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerNextTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerNextTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerNextTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerViewTrigger {
+    constructor() {
+        const context = injectDatePickerContext();
+        const view = injectDatePickerViewContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getViewTriggerProps(view()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerViewTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerViewTrigger, isStandalone: true, selector: "[datePickerViewTrigger]", exportAs: ["datePickerViewTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerViewTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerViewTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerViewTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerViewControl {
+    constructor() {
+        const context = injectDatePickerContext();
+        const view = injectDatePickerViewContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getViewControlProps(view()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerViewControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerViewControl, isStandalone: true, selector: "[datePickerViewControl]", exportAs: ["datePickerViewControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerViewControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerViewControl]",
+                    standalone: true,
+                    exportAs: "datePickerViewControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerPresetTrigger {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getPresetTriggerProps({ value: this.value() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerPresetTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerPresetTrigger, isStandalone: true, selector: "[datePickerPresetTrigger]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["datePickerPresetTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerPresetTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerPresetTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerPresetTrigger",
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class DatePickerMonthSelect {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    ownsOptions = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownsOptions" }] : /* istanbul ignore next */ []));
+    createdOptions = [];
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: this.elementRef,
+            renderer: this.renderer,
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getMonthSelectProps(),
+        });
+        effect(() => {
+            if (!this.ownsOptions())
+                return;
+            this.syncOptions(context.api().getMonths());
+        });
+    }
+    ngAfterContentInit() {
+        this.ownsOptions.set(hasOnlyWhitespaceContent$3(this.elementRef.nativeElement));
+    }
+    syncOptions(options) {
+        const select = this.elementRef.nativeElement;
+        for (const option of this.createdOptions) {
+            this.renderer.removeChild(select, option);
+        }
+        this.createdOptions = options.map((item) => {
+            const option = this.renderer.createElement("option");
+            this.renderer.setProperty(option, "value", String(item.value));
+            this.renderer.setProperty(option, "textContent", item.label);
+            this.renderer.setProperty(option, "disabled", Boolean(item.disabled));
+            this.renderer.appendChild(select, option);
+            return option;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerMonthSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerMonthSelect, isStandalone: true, selector: "[datePickerMonthSelect]", exportAs: ["datePickerMonthSelect"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerMonthSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerMonthSelect]",
+                    standalone: true,
+                    exportAs: "datePickerMonthSelect",
+                }]
+        }], ctorParameters: () => [] });
+function hasOnlyWhitespaceContent$3(element) {
+    return element.firstElementChild === null && (element.textContent?.trim() ?? "") === "";
+}
+
+class DatePickerYearSelect {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    ownsOptions = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownsOptions" }] : /* istanbul ignore next */ []));
+    createdOptions = [];
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: this.elementRef,
+            renderer: this.renderer,
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getYearSelectProps(),
+        });
+        effect(() => {
+            if (!this.ownsOptions())
+                return;
+            this.syncOptions(context.api().getYears());
+        });
+    }
+    ngAfterContentInit() {
+        this.ownsOptions.set(hasOnlyWhitespaceContent$2(this.elementRef.nativeElement));
+    }
+    syncOptions(options) {
+        const select = this.elementRef.nativeElement;
+        for (const option of this.createdOptions) {
+            this.renderer.removeChild(select, option);
+        }
+        this.createdOptions = options.map((item) => {
+            const option = this.renderer.createElement("option");
+            this.renderer.setProperty(option, "value", String(item.value));
+            this.renderer.setProperty(option, "textContent", item.label);
+            this.renderer.setProperty(option, "disabled", Boolean(item.disabled));
+            this.renderer.appendChild(select, option);
+            return option;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerYearSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerYearSelect, isStandalone: true, selector: "[datePickerYearSelect]", exportAs: ["datePickerYearSelect"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerYearSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerYearSelect]",
+                    standalone: true,
+                    exportAs: "datePickerYearSelect",
+                }]
+        }], ctorParameters: () => [] });
+function hasOnlyWhitespaceContent$2(element) {
+    return element.firstElementChild === null && (element.textContent?.trim() ?? "") === "";
+}
+
+class DatePickerRangeText {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    ownsTextContent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownsTextContent" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: this.elementRef,
+            renderer: this.renderer,
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getRangeTextProps(),
+        });
+        effect(() => {
+            if (!this.ownsTextContent())
+                return;
+            this.renderer.setProperty(this.elementRef.nativeElement, "textContent", context.api().visibleRangeText.formatted);
+        });
+    }
+    ngAfterContentInit() {
+        this.ownsTextContent.set(hasOnlyWhitespaceContent$1(this.elementRef.nativeElement));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerRangeText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerRangeText, isStandalone: true, selector: "[datePickerRangeText]", exportAs: ["datePickerRangeText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerRangeText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerRangeText]",
+                    standalone: true,
+                    exportAs: "datePickerRangeText",
+                }]
+        }], ctorParameters: () => [] });
+function hasOnlyWhitespaceContent$1(element) {
+    return element.firstElementChild === null && (element.textContent?.trim() ?? "") === "";
+}
+
+class DatePickerValueText {
+    placeholder = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    separator = input(", ", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    ownsTextContent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownsTextContent" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: this.elementRef,
+            renderer: this.renderer,
+            destroyRef: inject(DestroyRef),
+            props: () => datePickerAnatomy.build().valueText.attrs,
+        });
+        effect(() => {
+            if (!this.ownsTextContent())
+                return;
+            const api = context.api();
+            const text = api.value.length > 0 ? api.valueAsString.join(this.separator()) : this.placeholder();
+            this.renderer.setProperty(this.elementRef.nativeElement, "textContent", text ?? "");
+        });
+    }
+    ngAfterContentInit() {
+        this.ownsTextContent.set(hasOnlyWhitespaceContent(this.elementRef.nativeElement));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerValueText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerValueText, isStandalone: true, selector: "[datePickerValueText]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["datePickerValueText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerValueText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerValueText]",
+                    standalone: true,
+                    exportAs: "datePickerValueText",
+                }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
+function hasOnlyWhitespaceContent(element) {
+    return element.firstElementChild === null && (element.textContent?.trim() ?? "") === "";
+}
+
+class DatePickerView {
+    view = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+    viewContext = computed(() => ({ view: this.view() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewContext" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => ({
+                ...datePickerAnatomy.build().view.attrs,
+                ...context.api().getViewProps(this.viewContext()),
+                hidden: context.api().view !== this.view(),
+            }),
+        });
+    }
+    getViewContext() {
+        return this.viewContext;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerView, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerView, isStandalone: true, selector: "[datePickerView]", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: DATE_PICKER_VIEW_CONTEXT,
+                useFactory: (view) => view.getViewContext(),
+                deps: [forwardRef(() => DatePickerView)],
+            },
+        ], exportAs: ["datePickerView"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerView, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerView]",
+                    standalone: true,
+                    exportAs: "datePickerView",
+                    providers: [
+                        {
+                            provide: DATE_PICKER_VIEW_CONTEXT,
+                            useFactory: (view) => view.getViewContext(),
+                            deps: [forwardRef(() => DatePickerView)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: true }] }] } });
+
+class DatePickerTable {
+    columns = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    idInput = input(undefined, { ...(ngDevMode ? { debugName: "idInput" } : /* istanbul ignore next */ {}), alias: "id" });
+    fallbackId = createId();
+    view = injectDatePickerViewContext();
+    tableContext = computed(() => ({
+        ...this.view(),
+        columns: this.columns(),
+        id: this.idInput() ?? this.fallbackId,
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tableContext" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTableProps(this.tableContext()),
+        });
+    }
+    getTableContext() {
+        return this.tableContext;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTable, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerTable, isStandalone: true, selector: "[datePickerTable]", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: DATE_PICKER_TABLE_CONTEXT,
+                useFactory: (table) => table.getTableContext(),
+                deps: [forwardRef(() => DatePickerTable)],
+            },
+        ], exportAs: ["datePickerTable"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTable, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTable]",
+                    standalone: true,
+                    exportAs: "datePickerTable",
+                    providers: [
+                        {
+                            provide: DATE_PICKER_TABLE_CONTEXT,
+                            useFactory: (table) => table.getTableContext(),
+                            deps: [forwardRef(() => DatePickerTable)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+class DatePickerTableHead {
+    constructor() {
+        const context = injectDatePickerContext();
+        const table = injectDatePickerTableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTableHeadProps(table()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableHead, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerTableHead, isStandalone: true, selector: "[datePickerTableHead]", exportAs: ["datePickerTableHead"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableHead, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTableHead]",
+                    standalone: true,
+                    exportAs: "datePickerTableHead",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerTableHeader {
+    constructor() {
+        const context = injectDatePickerContext();
+        const table = injectDatePickerTableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTableHeaderProps(table()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerTableHeader, isStandalone: true, selector: "[datePickerTableHeader]", exportAs: ["datePickerTableHeader"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTableHeader]",
+                    standalone: true,
+                    exportAs: "datePickerTableHeader",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerTableBody {
+    constructor() {
+        const context = injectDatePickerContext();
+        const table = injectDatePickerTableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTableBodyProps(table()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerTableBody, isStandalone: true, selector: "[datePickerTableBody]", exportAs: ["datePickerTableBody"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTableBody]",
+                    standalone: true,
+                    exportAs: "datePickerTableBody",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerTableRow {
+    constructor() {
+        const context = injectDatePickerContext();
+        const table = injectDatePickerTableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTableRowProps(table()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerTableRow, isStandalone: true, selector: "[datePickerTableRow]", exportAs: ["datePickerTableRow"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTableRow]",
+                    standalone: true,
+                    exportAs: "datePickerTableRow",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerTableCell {
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    visibleRange = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleRange" }] : /* istanbul ignore next */ []));
+    columns = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    view = injectDatePickerViewContext();
+    table = injectDatePickerTableContext();
+    cellContext = computed(() => {
+        const value = this.value();
+        if (this.view().view === "day") {
+            return {
+                value: value,
+                disabled: this.disabled(),
+                visibleRange: this.visibleRange(),
+            };
+        }
+        return {
+            value: value,
+            disabled: this.disabled(),
+            columns: this.columns() ?? this.table().columns,
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cellContext" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                const api = context.api();
+                const props = this.cellContext();
+                const view = this.view().view;
+                if (view === "day")
+                    return api.getDayTableCellProps(props);
+                if (view === "month")
+                    return api.getMonthTableCellProps(props);
+                return api.getYearTableCellProps(props);
+            },
+        });
+    }
+    getTableCellContext() {
+        return this.cellContext;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerTableCell, isStandalone: true, selector: "[datePickerTableCell]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, visibleRange: { classPropertyName: "visibleRange", publicName: "visibleRange", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: DATE_PICKER_TABLE_CELL_CONTEXT,
+                useFactory: (cell) => cell.getTableCellContext(),
+                deps: [forwardRef(() => DatePickerTableCell)],
+            },
+        ], exportAs: ["datePickerTableCell"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTableCell]",
+                    standalone: true,
+                    exportAs: "datePickerTableCell",
+                    providers: [
+                        {
+                            provide: DATE_PICKER_TABLE_CELL_CONTEXT,
+                            useFactory: (cell) => cell.getTableCellContext(),
+                            deps: [forwardRef(() => DatePickerTableCell)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], visibleRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleRange", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }] } });
+
+class DatePickerTableCellTrigger {
+    constructor() {
+        const context = injectDatePickerContext();
+        const view = injectDatePickerViewContext();
+        const cell = injectDatePickerTableCellContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                const api = context.api();
+                const props = cell();
+                const currentView = view().view;
+                if (currentView === "day")
+                    return api.getDayTableCellTriggerProps(props);
+                if (currentView === "month")
+                    return api.getMonthTableCellTriggerProps(props);
+                return api.getYearTableCellTriggerProps(props);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableCellTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerTableCellTrigger, isStandalone: true, selector: "[datePickerTableCellTrigger]", exportAs: ["datePickerTableCellTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerTableCellTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerTableCellTrigger]",
+                    standalone: true,
+                    exportAs: "datePickerTableCellTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerWeekNumberHeaderCell {
+    constructor() {
+        const context = injectDatePickerContext();
+        const table = injectDatePickerTableContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getWeekNumberHeaderCellProps(table()),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerWeekNumberHeaderCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: DatePickerWeekNumberHeaderCell, isStandalone: true, selector: "[datePickerWeekNumberHeaderCell]", exportAs: ["datePickerWeekNumberHeaderCell"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerWeekNumberHeaderCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerWeekNumberHeaderCell]",
+                    standalone: true,
+                    exportAs: "datePickerWeekNumberHeaderCell",
+                }]
+        }], ctorParameters: () => [] });
+
+class DatePickerWeekNumberCell {
+    weekIndex = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "weekIndex" }] : /* istanbul ignore next */ []));
+    week = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "week" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectDatePickerContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getWeekNumberCellProps({ weekIndex: this.weekIndex(), week: this.week() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerWeekNumberCell, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DatePickerWeekNumberCell, isStandalone: true, selector: "[datePickerWeekNumberCell]", inputs: { weekIndex: { classPropertyName: "weekIndex", publicName: "weekIndex", isSignal: true, isRequired: true, transformFunction: null }, week: { classPropertyName: "week", publicName: "week", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["datePickerWeekNumberCell"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DatePickerWeekNumberCell, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[datePickerWeekNumberCell]",
+                    standalone: true,
+                    exportAs: "datePickerWeekNumberCell",
+                }]
+        }], ctorParameters: () => [], propDecorators: { weekIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "weekIndex", required: true }] }], week: [{ type: i0.Input, args: [{ isSignal: true, alias: "week", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DATE_PICKER_CONTEXT, DATE_PICKER_CONTEXT_CARRIER, DATE_PICKER_TABLE_CELL_CONTEXT, DATE_PICKER_TABLE_CONTEXT, DATE_PICKER_VIEW_CONTEXT, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerValueText, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerWeekNumberCell, DatePickerWeekNumberHeaderCell, DatePickerYearSelect, datePickerAnatomy, injectDatePickerContext, injectDatePickerContextCarrier, injectDatePickerTableCellContext, injectDatePickerTableContext, injectDatePickerViewContext, useDatePicker };
+//# sourceMappingURL=wirekyt-angular-date-picker.mjs.map