@raqm/ui 0.0.0-stage → 0.1.0

package/fesm2022/raqm-ui-calendar.mjs

@@ -0,0 +1,1394 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, TemplateRef, afterRenderEffect, booleanAttribute, computed, contentChild, inject, input, output, signal } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { RaqmButton } from "@raqm/ui/button";
+function civil(year, month = 0, day = 1) {
+	const date = /* @__PURE__ */ new Date(0);
+	date.setHours(12, 0, 0, 0);
+	date.setFullYear(year, month, day);
+	return date;
+}
+function valid(date) {
+	return date instanceof Date && Number.isFinite(date.getTime());
+}
+function clean(date) {
+	return civil(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function key(date) {
+	return `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
+}
+function ordinal(date) {
+	let y = date.getFullYear();
+	const m = date.getMonth() + 1;
+	y -= m <= 2 ? 1 : 0;
+	const era = Math.floor(y / 400);
+	const yo = y - era * 400;
+	const doy = Math.floor((153 * (m + (m > 2 ? -3 : 9)) + 2) / 5) + date.getDate() - 1;
+	return era * 146097 + yo * 365 + Math.floor(yo / 4) - Math.floor(yo / 100) + doy;
+}
+function same(a, b) {
+	return valid(a) && valid(b) && ordinal(a) === ordinal(b);
+}
+function addDays(date, days) {
+	return civil(date.getFullYear(), date.getMonth(), date.getDate() + days);
+}
+function addMonths(date, months) {
+	const start = civil(date.getFullYear(), date.getMonth() + months);
+	const last = civil(start.getFullYear(), start.getMonth() + 1, 0).getDate();
+	return civil(start.getFullYear(), start.getMonth(), Math.min(date.getDate(), last));
+}
+function monthIndex(date) {
+	return date.getFullYear() * 12 + date.getMonth();
+}
+function match(date, matcher) {
+	if (typeof matcher === "boolean") return matcher;
+	if (typeof matcher === "function") return matcher(clean(date));
+	if (matcher instanceof Date) return same(date, matcher);
+	if (Array.isArray(matcher)) return matcher.some((day) => same(date, day));
+	const n = ordinal(date);
+	if ("dayOfWeek" in matcher) return matcher.dayOfWeek.includes(date.getDay());
+	if ("from" in matcher) return n >= ordinal(matcher.from) && n <= ordinal(matcher.to);
+	if ("before" in matcher && "after" in matcher) {
+		const before = ordinal(matcher.before), after = ordinal(matcher.after);
+		return before > after ? n < before && n > after : n < before || n > after;
+	}
+	if ("before" in matcher) return n < ordinal(matcher.before);
+	return n > ordinal(matcher.after);
+}
+function matches(date, matchers) {
+	return matchers === void 0 ? false : Array.isArray(matchers) ? matchers.some((matcher) => match(date, matcher)) : match(date, matchers);
+}
+function weekNumber(date, weekStartsOn, firstWeekContainsDate) {
+	const start = (year) => {
+		const anchor = civil(year, 0, firstWeekContainsDate);
+		return addDays(anchor, -((anchor.getDay() - weekStartsOn + 7) % 7));
+	};
+	const year = date.getFullYear(), first = start(year), next = start(year + 1);
+	const base = ordinal(date) < ordinal(first) ? start(year - 1) : ordinal(date) >= ordinal(next) ? next : first;
+	return Math.floor((ordinal(date) - ordinal(base)) / 7) + 1;
+}
+var RaqmCalendarDayButtonDirective = class RaqmCalendarDayButtonDirective {
+	date = input.required(...ngDevMode ? [{ debugName: "date" }] : /* istanbul ignore next */ []);
+	locale = input("en-US", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	modifiers = input({}, ...ngDevMode ? [{ debugName: "modifiers" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmCalendarDayButtonDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmCalendarDayButtonDirective,
+		isStandalone: true,
+		selector: "button[raqm-calendar-day-button]",
+		inputs: {
+			date: {
+				classPropertyName: "date",
+				publicName: "date",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			modifiers: {
+				classPropertyName: "modifiers",
+				publicName: "modifiers",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-raqm-day": "date().toLocaleDateString(locale())",
+				"attr.data-raqm-selected-single": "modifiers()[\"selected\"] && !modifiers()[\"range_start\"] && !modifiers()[\"range_end\"] && !modifiers()[\"range_middle\"] ? \"\" : null",
+				"attr.data-raqm-range-start": "modifiers()[\"range_start\"] ? \"\" : null",
+				"attr.data-raqm-range-end": "modifiers()[\"range_end\"] ? \"\" : null",
+				"attr.data-raqm-range-middle": "modifiers()[\"range_middle\"] ? \"\" : null"
+			},
+			classAttribute: "raqm-calendar-day-button"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmCalendarDayButtonDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-calendar-day-button]",
+			host: {
+				class: "raqm-calendar-day-button",
+				"[attr.data-raqm-day]": "date().toLocaleDateString(locale())",
+				"[attr.data-raqm-selected-single]": "modifiers()[\"selected\"] && !modifiers()[\"range_start\"] && !modifiers()[\"range_end\"] && !modifiers()[\"range_middle\"] ? \"\" : null",
+				"[attr.data-raqm-range-start]": "modifiers()[\"range_start\"] ? \"\" : null",
+				"[attr.data-raqm-range-end]": "modifiers()[\"range_end\"] ? \"\" : null",
+				"[attr.data-raqm-range-middle]": "modifiers()[\"range_middle\"] ? \"\" : null"
+			}
+		}]
+	}],
+	propDecorators: {
+		date: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "date",
+				required: true
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		modifiers: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "modifiers",
+				required: false
+			}]
+		}]
+	}
+});
+function connectCalendarEffects(host) {
+	afterRenderEffect(() => {
+		const target = host.tabDay();
+		host.months();
+		const pending = host.pendingFocus();
+		if (!pending && !host.focusOwned()) return;
+		const element = host.element(), active = element.ownerDocument.activeElement;
+		const button = Array.from(element.querySelectorAll("button[data-raqm-key]")).find((button) => button.dataset["raqmKey"] === target?.key && button.tabIndex === 0);
+		if (pending || host.focusOwned() && (!active || active === element.ownerDocument.body || element.contains(active) && active.hasAttribute("data-raqm-key"))) (button ?? element.querySelector(".raqm-calendar-nav button:not(:disabled)") ?? element).focus();
+		if (pending) host.setPendingFocus(false);
+	});
+}
+var RaqmCalendarFormat = class {
+	host;
+	constructor(host) {
+		this.host = host;
+	}
+	format(date, options) {
+		return new Intl.DateTimeFormat(this.host.locale(), {
+			...options,
+			calendar: "gregory",
+			numberingSystem: "latn"
+		}).format(date);
+	}
+	caption(date) {
+		return this.host.formatters().formatCaption?.(date) ?? this.format(date, {
+			month: "long",
+			year: "numeric"
+		});
+	}
+	monthLabel(date, month) {
+		const value = civil(date.getFullYear(), month);
+		return this.host.formatters().formatMonthDropdown?.(value) ?? this.format(value, { month: "short" });
+	}
+	yearLabel(year) {
+		const value = civil(year);
+		return this.host.formatters().formatYearDropdown?.(value) ?? this.format(value, { year: "numeric" });
+	}
+	weekday(date) {
+		const custom = this.host.formatters().formatWeekdayName?.(date);
+		if (custom) return custom;
+		const short = this.format(date, { weekday: "short" });
+		const language = this.host.locale().split("-")[0].toLowerCase();
+		if (language === "ar") return short.replace(/^ال/, "");
+		if (language === "he") return short.replace(/^יום\s+/, "");
+		return Array.from(short).slice(0, 2).join("");
+	}
+	dayLabel(day) {
+		return this.host.labels().day?.(day.date, day.modifiers) ?? this.format(day.date, {
+			weekday: "long",
+			month: "long",
+			day: "numeric",
+			year: "numeric"
+		});
+	}
+	dayText(date) {
+		return this.host.formatters().formatDay?.(date) ?? this.format(date, { day: "numeric" });
+	}
+	weekText(week) {
+		return this.host.formatters().formatWeekNumber?.(week) ?? new Intl.NumberFormat(this.host.locale(), { numberingSystem: "latn" }).format(week);
+	}
+};
+var RaqmCalendarKeyboard = class {
+	host;
+	constructor(host) {
+		this.host = host;
+	}
+	focusIn(event) {
+		const id = event.target.dataset["raqmKey"];
+		this.host.setFocusOwned(!!id);
+		if (id) this.host.setFocused(id);
+	}
+	focusOut(event) {
+		if (event.relatedTarget && !this.host.element().contains(event.relatedTarget)) this.host.setFocusOwned(false);
+	}
+	keydown(event, day) {
+		const element = this.host.element();
+		const rtl = (element.ownerDocument.defaultView?.getComputedStyle(element).direction ?? this.host.dir()) === "rtl";
+		let candidate, step = 1;
+		const offset = (day.date.getDay() - this.host.weekStart() + 7) % 7;
+		switch (event.key) {
+			case "ArrowLeft":
+				step = rtl ? 1 : -1;
+				candidate = addDays(day.date, step);
+				break;
+			case "ArrowRight":
+				step = rtl ? -1 : 1;
+				candidate = addDays(day.date, step);
+				break;
+			case "ArrowUp":
+				step = -7;
+				candidate = addDays(day.date, -7);
+				break;
+			case "ArrowDown":
+				step = 7;
+				candidate = addDays(day.date, 7);
+				break;
+			case "Home":
+				candidate = addDays(day.date, -offset);
+				break;
+			case "End":
+				step = -1;
+				candidate = addDays(day.date, 6 - offset);
+				break;
+			case "PageUp":
+				step = -1;
+				candidate = addMonths(day.date, event.shiftKey ? -12 : -1);
+				break;
+			case "PageDown":
+				candidate = addMonths(day.date, event.shiftKey ? 12 : 1);
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		const homeEnd = event.key === "Home" || event.key === "End";
+		for (let i = 0; i < (homeEnd ? 7 : 36600); i++, candidate = addDays(candidate, step)) {
+			if (monthIndex(candidate) < monthIndex(this.host.lower()) || monthIndex(candidate) > monthIndex(this.host.upper())) return;
+			if (homeEnd && (ordinal(candidate) < ordinal(day.date) - offset || ordinal(candidate) > ordinal(day.date) + 6 - offset)) return;
+			if (this.host.isDisabled(candidate) || matches(candidate, this.host.hidden())) continue;
+			if (!this.host.availableDays().some((day) => same(day.date, candidate))) {
+				if (this.host.disableNavigation()) return;
+				this.host.changeMonth(candidate);
+			}
+			this.host.setFocused(key(candidate));
+			this.host.setPendingFocus(true);
+			return;
+		}
+	}
+};
+var RaqmCalendarNavigation = class {
+	host;
+	constructor(host) {
+		this.host = host;
+	}
+	canNavigate(direction) {
+		return !this.host.disableNavigation() && monthIndex(this.host.clampMonth(addMonths(this.host.displayedMonth(), direction * (this.host.pagedNavigation() ? this.host.count() : 1)))) !== monthIndex(this.host.displayedMonth());
+	}
+	navigate(direction) {
+		if (this.canNavigate(direction)) this.changeMonth(addMonths(this.host.displayedMonth(), direction * (this.host.pagedNavigation() ? this.host.count() : 1)));
+	}
+	changeMonth(date) {
+		const next = this.host.clampMonth(date);
+		if (monthIndex(next) === monthIndex(this.host.displayedMonth())) return;
+		if (!this.host.monthControlled()) this.host.setInternalMonth(next);
+		this.host.emitMonth(clean(next));
+	}
+	dropdown(date, index, event, year) {
+		const value = Number(event.target.value);
+		this.changeMonth(addMonths(civil(year ? value : date.getFullYear(), year ? date.getMonth() : value), -index));
+	}
+	monthDisabled(date, month) {
+		const index = monthIndex(civil(date.getFullYear(), month));
+		return index < monthIndex(this.host.lower()) || index > monthIndex(this.host.upper());
+	}
+};
+var RaqmCalendarSelection = class {
+	host;
+	constructor(host) {
+		this.host = host;
+	}
+	isDisabled(date) {
+		return monthIndex(date) < monthIndex(this.host.lower()) || monthIndex(date) > monthIndex(this.host.upper()) || matches(date, this.host.disabled());
+	}
+	selectDay(day) {
+		if (day.modifiers["hidden"] || day.modifiers["disabled"]) return;
+		const date = clean(day.date), min = Math.max(0, this.host.min() ?? 0), max = this.host.max();
+		let next;
+		if (this.host.mode() === "single") next = same(this.host.selectedDates()[0], date) && !this.host.required() ? void 0 : date;
+		else if (this.host.mode() === "multiple") {
+			const current = this.host.selectedDates(), exists = current.some((value) => same(value, date));
+			if (exists && current.length <= Math.max(min, this.host.required() ? 1 : 0)) return;
+			if (!exists && max !== void 0 && current.length >= max) return;
+			next = exists ? current.filter((value) => !same(value, date)).map(clean) : [...current.map(clean), date];
+		} else {
+			const range = this.host.range();
+			if (!valid(range?.from)) next = {
+				from: date,
+				to: min > 0 ? void 0 : date
+			};
+			else if (range.to && (same(range.from, date) || same(range.to, date))) next = same(range.from, date) && same(range.to, date) && !this.host.required() ? void 0 : {
+				from: date,
+				to: min > 0 ? void 0 : date
+			};
+			else if (!range.to && same(range.from, date) && min === 0 && !this.host.required()) next = void 0;
+			else {
+				const from = ordinal(date) < ordinal(range.from) ? date : clean(range.from), to = ordinal(date) < ordinal(range.from) ? clean(range.to ?? range.from) : date;
+				const nights = ordinal(to) - ordinal(from);
+				if (max !== void 0 && nights > max || nights < min) next = {
+					from: date,
+					to: min > 0 ? void 0 : date
+				};
+				else if (this.host.excludeDisabled() && this.rangeHasDisabled(from, to)) next = {
+					from: date,
+					to: min > 0 ? void 0 : date
+				};
+				else next = {
+					from,
+					to
+				};
+			}
+		}
+		if (!this.host.controlledSelection()) this.host.setInternalSelection({ value: next });
+		this.host.emit(next);
+		this.host.setFocused(day.key);
+		if (day.modifiers["outside"] && !this.host.disableNavigation()) this.host.changeMonth(date);
+	}
+	rangeHasDisabled(from, to) {
+		const span = ordinal(to) - ordinal(from);
+		for (let i = 0; i <= span; i++) if (this.isDisabled(addDays(from, i))) return true;
+		return false;
+	}
+};
+var RaqmCalendarViewState = class {
+	host;
+	controlledSelection = signal(false, ...ngDevMode ? [{ debugName: "controlledSelection" }] : /* istanbul ignore next */ []);
+	internalSelection = signal(void 0, ...ngDevMode ? [{ debugName: "internalSelection" }] : /* istanbul ignore next */ []);
+	monthControlled = signal(false, ...ngDevMode ? [{ debugName: "monthControlled" }] : /* istanbul ignore next */ []);
+	internalMonth = signal(void 0, ...ngDevMode ? [{ debugName: "internalMonth" }] : /* istanbul ignore next */ []);
+	initialMonth = civil((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth());
+	focused = signal(void 0, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
+	pendingFocus = signal(false, ...ngDevMode ? [{ debugName: "pendingFocus" }] : /* istanbul ignore next */ []);
+	focusOwned = signal(false, ...ngDevMode ? [{ debugName: "focusOwned" }] : /* istanbul ignore next */ []);
+	selection = computed(() => this.controlledSelection() ? this.host.selected() : (this.internalSelection() ?? { value: this.host.defaultSelected() }).value, ...ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []);
+	count = computed(() => Math.max(1, Math.min(12, Math.trunc(this.host.numberOfMonths()) || 1, monthIndex(this.upper()) - monthIndex(this.lower()) + 1)), ...ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []);
+	lower = computed(() => valid(this.host.startMonth()) ? civil(Math.min(9999, Math.max(1, this.host.startMonth().getFullYear())), this.host.startMonth().getMonth()) : this.host.captionLayout() !== "label" ? civil(Math.max(1, this.host.today().getFullYear() - 100)) : civil(1), ...ngDevMode ? [{ debugName: "lower" }] : /* istanbul ignore next */ []);
+	upper = computed(() => {
+		const candidate = valid(this.host.endMonth()) ? civil(Math.max(1, Math.min(9999, this.host.endMonth().getFullYear())), this.host.endMonth().getMonth()) : this.host.captionLayout() !== "label" ? civil(this.host.today().getFullYear(), 11) : civil(9999, 11);
+		return monthIndex(candidate) < monthIndex(this.lower()) ? this.lower() : candidate;
+	}, ...ngDevMode ? [{ debugName: "upper" }] : /* istanbul ignore next */ []);
+	displayedMonth = computed(() => {
+		const candidate = this.monthControlled() ? this.host.month() : this.internalMonth() ?? this.host.defaultMonth();
+		return this.clampMonth(valid(candidate) ? candidate : this.initialMonth);
+	}, ...ngDevMode ? [{ debugName: "displayedMonth" }] : /* istanbul ignore next */ []);
+	weekInfo = computed(() => {
+		try {
+			const locale = new Intl.Locale(this.host.locale());
+			const info = locale.getWeekInfo?.() ?? locale.weekInfo;
+			return {
+				start: (info?.firstDay ?? 7) % 7,
+				first: info?.minimalDays === 4 ? 4 : 1
+			};
+		} catch {
+			return {
+				start: 0,
+				first: 1
+			};
+		}
+	}, ...ngDevMode ? [{ debugName: "weekInfo" }] : /* istanbul ignore next */ []);
+	weekStart = computed(() => this.host.ISOWeek() ? 1 : this.host.weekStartsOn() === void 0 ? this.weekInfo().start : (Math.trunc(this.host.weekStartsOn()) % 7 + 7) % 7, ...ngDevMode ? [{ debugName: "weekStart" }] : /* istanbul ignore next */ []);
+	weekdays = computed(() => Array.from({ length: 7 }, (_, i) => addDays(civil(2024, 0, 7), (this.weekStart() + i) % 7)), ...ngDevMode ? [{ debugName: "weekdays" }] : /* istanbul ignore next */ []);
+	years = computed(() => Array.from({ length: Math.max(0, this.upper().getFullYear() - this.lower().getFullYear() + 1) }, (_, i) => this.lower().getFullYear() + i), ...ngDevMode ? [{ debugName: "years" }] : /* istanbul ignore next */ []);
+	months = computed(() => Array.from({ length: this.count() }, (_, index) => {
+		const month = addMonths(this.displayedMonth(), index);
+		const first = addDays(month, -((month.getDay() - this.weekStart() + 7) % 7));
+		const days = civil(month.getFullYear(), month.getMonth() + 1, 0).getDate();
+		const weeks = this.host.fixedWeeks() ? 6 : Math.ceil(((month.getDay() - this.weekStart() + 7) % 7 + days) / 7);
+		return {
+			date: month,
+			key: key(month),
+			weeks: Array.from({ length: weeks }, (_, w) => {
+				const start = addDays(first, w * 7);
+				return {
+					key: key(start),
+					number: weekNumber(start, this.weekStart(), this.host.ISOWeek() ? 4 : this.host.firstWeekContainsDate() ?? this.weekInfo().first),
+					days: Array.from({ length: 7 }, (_, d) => this.day(addDays(start, d), month))
+				};
+			})
+		};
+	}), ...ngDevMode ? [{ debugName: "months" }] : /* istanbul ignore next */ []);
+	availableDays = computed(() => this.months().flatMap((month) => month.weeks.flatMap((week) => week.days)).filter((day) => !day.modifiers["hidden"] && !day.modifiers["disabled"]), ...ngDevMode ? [{ debugName: "availableDays" }] : /* istanbul ignore next */ []);
+	tabDay = computed(() => {
+		const days = this.availableDays();
+		return days.find((day) => day.key === this.focused() && !day.modifiers["outside"]) ?? days.find((day) => day.key === this.focused()) ?? days.find((day) => day.modifiers["selected"] && !day.modifiers["outside"]) ?? days.find((day) => day.modifiers["today"] && !day.modifiers["outside"]) ?? days.find((day) => !day.modifiers["outside"]) ?? days[0];
+	}, ...ngDevMode ? [{ debugName: "tabDay" }] : /* istanbul ignore next */ []);
+	selectionAnnouncement = computed(() => {
+		const value = this.selection();
+		return (value instanceof Date ? [value] : Array.isArray(value) ? value : value ? [value.from, value.to] : []).filter(valid).map((date) => this.host.format(date, { dateStyle: "long" })).join(", ");
+	}, ...ngDevMode ? [{ debugName: "selectionAnnouncement" }] : /* istanbul ignore next */ []);
+	constructor(host) {
+		this.host = host;
+	}
+	init() {
+		this.internalSelection.set({ value: this.host.defaultSelected() });
+		this.internalMonth.set(valid(this.host.defaultMonth()) ? this.host.defaultMonth() : this.initialMonth);
+	}
+	markSelectionControlled() {
+		this.controlledSelection.set(true);
+	}
+	markMonthControlled() {
+		this.monthControlled.set(true);
+	}
+	setInternalSelection(value) {
+		this.internalSelection.set(value);
+	}
+	setInternalMonth(date) {
+		this.internalMonth.set(date);
+	}
+	clampMonth(date) {
+		const lower = monthIndex(this.lower()), upper = Math.max(lower, monthIndex(this.upper()) - this.count() + 1);
+		const index = Math.max(lower, Math.min(upper, monthIndex(date)));
+		return civil(Math.floor(index / 12), index % 12);
+	}
+	selectedDates() {
+		const value = this.selection();
+		return value instanceof Date ? [value] : Array.isArray(value) ? value : [];
+	}
+	range() {
+		const value = this.selection();
+		return value && !(value instanceof Date) && !Array.isArray(value) ? value : void 0;
+	}
+	day(date, month) {
+		const outside = date.getMonth() !== month.getMonth();
+		const range = this.host.mode() === "range" ? this.range() : void 0, from = range?.from, to = range?.to;
+		const selected = range ? valid(from) && (same(date, from) || valid(to) && ordinal(date) >= ordinal(from) && ordinal(date) <= ordinal(to)) : this.selectedDates().some((selected) => same(date, selected));
+		const modifiers = {
+			...Object.fromEntries(Object.entries(this.host.modifiers()).map(([name, matcher]) => [name, matches(date, matcher)])),
+			outside,
+			selected,
+			today: same(date, this.host.today()),
+			disabled: this.host.isDisabled(date),
+			hidden: matches(date, this.host.hidden()) || outside && !this.host.showOutsideDays(),
+			range_start: !!range && same(date, from),
+			range_end: !!range && same(date, to),
+			range_middle: !!range && valid(from) && valid(to) && ordinal(date) > ordinal(from) && ordinal(date) < ordinal(to)
+		};
+		const classes = Object.entries(this.host.modifiersClassNames()).filter(([name]) => modifiers[name]).map(([, value]) => value).join(" ");
+		return {
+			date,
+			key: key(date),
+			modifiers,
+			classes
+		};
+	}
+};
+var RaqmCalendarComponent = class RaqmCalendarComponent {
+	host = inject(ElementRef);
+	mode = input("single", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	defaultSelected = input(...ngDevMode ? [void 0, { debugName: "defaultSelected" }] : /* istanbul ignore next */ []);
+	defaultMonth = input(...ngDevMode ? [void 0, { debugName: "defaultMonth" }] : /* istanbul ignore next */ []);
+	selected = input(...ngDevMode ? [void 0, { debugName: "selected" }] : /* istanbul ignore next */ []);
+	selectedChange = output();
+	month = input(...ngDevMode ? [void 0, { debugName: "month" }] : /* istanbul ignore next */ []);
+	monthChange = output();
+	numberOfMonths = input(1, ...ngDevMode ? [{ debugName: "numberOfMonths" }] : /* istanbul ignore next */ []);
+	startMonth = input(...ngDevMode ? [void 0, { debugName: "startMonth" }] : /* istanbul ignore next */ []);
+	endMonth = input(...ngDevMode ? [void 0, { debugName: "endMonth" }] : /* istanbul ignore next */ []);
+	disableNavigation = input(false, {
+		...ngDevMode ? { debugName: "disableNavigation" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	hideNavigation = input(false, {
+		...ngDevMode ? { debugName: "hideNavigation" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	pagedNavigation = input(false, {
+		...ngDevMode ? { debugName: "pagedNavigation" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	captionLayout = input("label", ...ngDevMode ? [{ debugName: "captionLayout" }] : /* istanbul ignore next */ []);
+	appearance = input("", ...ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []);
+	navAppearance = computed(() => this.appearance() || "ghost", ...ngDevMode ? [{ debugName: "navAppearance" }] : /* istanbul ignore next */ []);
+	locale = input("en-US", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	dir = input(...ngDevMode ? [void 0, { debugName: "dir" }] : /* istanbul ignore next */ []);
+	weekStartsOn = input(...ngDevMode ? [void 0, { debugName: "weekStartsOn" }] : /* istanbul ignore next */ []);
+	firstWeekContainsDate = input(...ngDevMode ? [void 0, { debugName: "firstWeekContainsDate" }] : /* istanbul ignore next */ []);
+	ISOWeek = input(false, {
+		...ngDevMode ? { debugName: "ISOWeek" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	fixedWeeks = input(false, {
+		...ngDevMode ? { debugName: "fixedWeeks" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	showOutsideDays = input(true, {
+		...ngDevMode ? { debugName: "showOutsideDays" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	showWeekNumber = input(false, {
+		...ngDevMode ? { debugName: "showWeekNumber" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(...ngDevMode ? [void 0, { debugName: "disabled" }] : /* istanbul ignore next */ []);
+	hidden = input(...ngDevMode ? [void 0, { debugName: "hidden" }] : /* istanbul ignore next */ []);
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	min = input(...ngDevMode ? [void 0, { debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(...ngDevMode ? [void 0, { debugName: "max" }] : /* istanbul ignore next */ []);
+	excludeDisabled = input(false, {
+		...ngDevMode ? { debugName: "excludeDisabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	today = input(clean(/* @__PURE__ */ new Date()), ...ngDevMode ? [{ debugName: "today" }] : /* istanbul ignore next */ []);
+	modifiers = input({}, ...ngDevMode ? [{ debugName: "modifiers" }] : /* istanbul ignore next */ []);
+	modifiersClassNames = input({}, ...ngDevMode ? [{ debugName: "modifiersClassNames" }] : /* istanbul ignore next */ []);
+	dayTemplateDirective = contentChild(RaqmCalendarDayDirective, ...ngDevMode ? [{ debugName: "dayTemplateDirective" }] : /* istanbul ignore next */ []);
+	dayContent = computed(() => this.dayTemplateDirective()?.template, ...ngDevMode ? [{ debugName: "dayContent" }] : /* istanbul ignore next */ []);
+	formatters = input({}, ...ngDevMode ? [{ debugName: "formatters" }] : /* istanbul ignore next */ []);
+	labels = input({}, ...ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []);
+	footer = input("", ...ngDevMode ? [{ debugName: "footer" }] : /* istanbul ignore next */ []);
+	view = new RaqmCalendarViewState({
+		defaultSelected: () => this.defaultSelected(),
+		selected: () => this.selected(),
+		defaultMonth: () => this.defaultMonth(),
+		month: () => this.month(),
+		numberOfMonths: () => this.numberOfMonths(),
+		startMonth: () => this.startMonth(),
+		endMonth: () => this.endMonth(),
+		captionLayout: () => this.captionLayout(),
+		locale: () => this.locale(),
+		today: () => this.today(),
+		mode: () => this.mode(),
+		weekStartsOn: () => this.weekStartsOn(),
+		firstWeekContainsDate: () => this.firstWeekContainsDate(),
+		ISOWeek: () => this.ISOWeek(),
+		fixedWeeks: () => this.fixedWeeks(),
+		showOutsideDays: () => this.showOutsideDays(),
+		hidden: () => this.hidden(),
+		modifiers: () => this.modifiers(),
+		modifiersClassNames: () => this.modifiersClassNames(),
+		isDisabled: (date) => this.selectionControl.isDisabled(date),
+		format: (date, options) => this.formats.format(date, options)
+	});
+	selection = this.view.selection;
+	count = this.view.count;
+	lower = this.view.lower;
+	upper = this.view.upper;
+	displayedMonth = this.view.displayedMonth;
+	weekStart = this.view.weekStart;
+	weekdays = this.view.weekdays;
+	years = this.view.years;
+	months = this.view.months;
+	availableDays = this.view.availableDays;
+	tabDay = this.view.tabDay;
+	monthOptions = Array.from({ length: 12 }, (_, i) => i);
+	selectionAnnouncement = this.view.selectionAnnouncement;
+	formats = new RaqmCalendarFormat({
+		locale: () => this.locale(),
+		formatters: () => this.formatters(),
+		labels: () => this.labels()
+	});
+	selectionControl = new RaqmCalendarSelection({
+		mode: () => this.mode(),
+		min: () => this.min(),
+		max: () => this.max(),
+		required: () => this.required(),
+		excludeDisabled: () => this.excludeDisabled(),
+		controlledSelection: () => this.view.controlledSelection(),
+		selectedDates: () => this.view.selectedDates(),
+		range: () => this.view.range(),
+		lower: () => this.lower(),
+		upper: () => this.upper(),
+		disabled: () => this.disabled(),
+		setInternalSelection: (value) => this.view.setInternalSelection(value),
+		emit: (value) => this.selectedChange.emit(value),
+		setFocused: (key) => this.view.focused.set(key),
+		disableNavigation: () => this.disableNavigation(),
+		changeMonth: (date) => this.navigation.changeMonth(date)
+	});
+	navigation = new RaqmCalendarNavigation({
+		displayedMonth: () => this.displayedMonth(),
+		count: () => this.count(),
+		disableNavigation: () => this.disableNavigation(),
+		pagedNavigation: () => this.pagedNavigation(),
+		monthControlled: () => this.view.monthControlled(),
+		lower: () => this.lower(),
+		upper: () => this.upper(),
+		clampMonth: (date) => this.view.clampMonth(date),
+		setInternalMonth: (date) => this.view.setInternalMonth(date),
+		emitMonth: (date) => this.monthChange.emit(date)
+	});
+	keyboard = new RaqmCalendarKeyboard({
+		element: () => this.host.nativeElement,
+		dir: () => this.dir(),
+		weekStart: () => this.weekStart(),
+		lower: () => this.lower(),
+		upper: () => this.upper(),
+		availableDays: () => this.availableDays(),
+		disableNavigation: () => this.disableNavigation(),
+		isDisabled: (date) => this.selectionControl.isDisabled(date),
+		hidden: () => this.hidden(),
+		changeMonth: (date) => this.navigation.changeMonth(date),
+		setFocused: (key) => this.view.focused.set(key),
+		setPendingFocus: (value) => this.view.pendingFocus.set(value),
+		setFocusOwned: (value) => this.view.focusOwned.set(value)
+	});
+	constructor() {
+		connectCalendarEffects({
+			tabDay: () => this.tabDay(),
+			months: () => this.months(),
+			pendingFocus: () => this.view.pendingFocus(),
+			focusOwned: () => this.view.focusOwned(),
+			element: () => this.host.nativeElement,
+			setPendingFocus: (value) => this.view.pendingFocus.set(value)
+		});
+	}
+	ngOnChanges(changes) {
+		if ("selected" in changes) this.view.markSelectionControlled();
+		if ("month" in changes) this.view.markMonthControlled();
+	}
+	ngOnInit() {
+		this.view.init();
+	}
+	isDisabled(date) {
+		return this.selectionControl.isDisabled(date);
+	}
+	format(date, options) {
+		return this.formats.format(date, options);
+	}
+	caption(date) {
+		return this.formats.caption(date);
+	}
+	monthLabel(date, month) {
+		return this.formats.monthLabel(date, month);
+	}
+	yearLabel(year) {
+		return this.formats.yearLabel(year);
+	}
+	weekday(date) {
+		return this.formats.weekday(date);
+	}
+	dayLabel(day) {
+		return this.formats.dayLabel(day);
+	}
+	dayText(date) {
+		return this.formats.dayText(date);
+	}
+	weekText(week) {
+		return this.formats.weekText(week);
+	}
+	context(day) {
+		return {
+			$implicit: day.date,
+			date: day.date,
+			modifiers: day.modifiers
+		};
+	}
+	isTabDay(day) {
+		return this.tabDay() === day;
+	}
+	canNavigate(direction) {
+		return this.navigation.canNavigate(direction);
+	}
+	navigate(direction) {
+		this.navigation.navigate(direction);
+	}
+	dropdown(date, index, event, year) {
+		this.navigation.dropdown(date, index, event, year);
+	}
+	monthDisabled(date, month) {
+		return this.navigation.monthDisabled(date, month);
+	}
+	selectDay(day) {
+		this.selectionControl.selectDay(day);
+	}
+	focusIn(event) {
+		this.keyboard.focusIn(event);
+	}
+	focusOut(event) {
+		this.keyboard.focusOut(event);
+	}
+	keydown(event, day) {
+		this.keyboard.keydown(event, day);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmCalendarComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: RaqmCalendarComponent,
+		isStandalone: true,
+		selector: "raqm-calendar",
+		inputs: {
+			mode: {
+				classPropertyName: "mode",
+				publicName: "mode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			defaultSelected: {
+				classPropertyName: "defaultSelected",
+				publicName: "defaultSelected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			defaultMonth: {
+				classPropertyName: "defaultMonth",
+				publicName: "defaultMonth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			month: {
+				classPropertyName: "month",
+				publicName: "month",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			numberOfMonths: {
+				classPropertyName: "numberOfMonths",
+				publicName: "numberOfMonths",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			startMonth: {
+				classPropertyName: "startMonth",
+				publicName: "startMonth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			endMonth: {
+				classPropertyName: "endMonth",
+				publicName: "endMonth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disableNavigation: {
+				classPropertyName: "disableNavigation",
+				publicName: "disableNavigation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideNavigation: {
+				classPropertyName: "hideNavigation",
+				publicName: "hideNavigation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pagedNavigation: {
+				classPropertyName: "pagedNavigation",
+				publicName: "pagedNavigation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			captionLayout: {
+				classPropertyName: "captionLayout",
+				publicName: "captionLayout",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			appearance: {
+				classPropertyName: "appearance",
+				publicName: "appearance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dir: {
+				classPropertyName: "dir",
+				publicName: "dir",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			weekStartsOn: {
+				classPropertyName: "weekStartsOn",
+				publicName: "weekStartsOn",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			firstWeekContainsDate: {
+				classPropertyName: "firstWeekContainsDate",
+				publicName: "firstWeekContainsDate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ISOWeek: {
+				classPropertyName: "ISOWeek",
+				publicName: "ISOWeek",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fixedWeeks: {
+				classPropertyName: "fixedWeeks",
+				publicName: "fixedWeeks",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showOutsideDays: {
+				classPropertyName: "showOutsideDays",
+				publicName: "showOutsideDays",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showWeekNumber: {
+				classPropertyName: "showWeekNumber",
+				publicName: "showWeekNumber",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hidden: {
+				classPropertyName: "hidden",
+				publicName: "hidden",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				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
+			},
+			excludeDisabled: {
+				classPropertyName: "excludeDisabled",
+				publicName: "excludeDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			today: {
+				classPropertyName: "today",
+				publicName: "today",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			modifiers: {
+				classPropertyName: "modifiers",
+				publicName: "modifiers",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			modifiersClassNames: {
+				classPropertyName: "modifiersClassNames",
+				publicName: "modifiersClassNames",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatters: {
+				classPropertyName: "formatters",
+				publicName: "formatters",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			labels: {
+				classPropertyName: "labels",
+				publicName: "labels",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			footer: {
+				classPropertyName: "footer",
+				publicName: "footer",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			selectedChange: "selectedChange",
+			monthChange: "monthChange"
+		},
+		host: {
+			attributes: {
+				"tabindex": "-1",
+				"data-raqm-slot": "calendar"
+			},
+			listeners: {
+				"focusin": "focusIn($event)",
+				"focusout": "focusOut($event)"
+			},
+			properties: { "attr.dir": "dir()" },
+			classAttribute: "raqm-calendar"
+		},
+		queries: [{
+			propertyName: "dayTemplateDirective",
+			first: true,
+			predicate: RaqmCalendarDayDirective,
+			descendants: true,
+			isSignal: true
+		}],
+		usesOnChanges: true,
+		ngImport: i0,
+		template: "<div class=\"raqm-calendar-months\">\r\n  @if (!hideNavigation()) {\r\n    <nav class=\"raqm-calendar-nav\" [attr.aria-label]=\"labels().navigation\">\r\n      <button\r\n        [raqm-button]=\"navAppearance()\"\r\n        icon\r\n        class=\"raqm-calendar-nav-button\"\r\n        [disabled]=\"!canNavigate(-1)\"\r\n        [attr.aria-label]=\"labels().previous\"\r\n        (click)=\"navigate(-1)\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"m15 18-6-6 6-6\" />\r\n        </svg>\r\n      </button>\r\n      <button\r\n        [raqm-button]=\"navAppearance()\"\r\n        icon\r\n        class=\"raqm-calendar-nav-button\"\r\n        [disabled]=\"!canNavigate(1)\"\r\n        [attr.aria-label]=\"labels().next\"\r\n        (click)=\"navigate(1)\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"m9 18 6-6-6-6\" />\r\n        </svg>\r\n      </button>\r\n    </nav>\r\n  }\r\n  @for (month of months(); track month.key; let index = $index) {\r\n    <div class=\"raqm-calendar-month\">\r\n      <div class=\"raqm-calendar-caption\">\r\n        @if (captionLayout() === 'label') {\r\n          <span>{{ caption(month.date) }}</span>\r\n        } @else {\r\n          <div class=\"raqm-calendar-dropdowns\">\r\n            @if (captionLayout() !== 'dropdown-years') {\r\n              <span class=\"raqm-calendar-dropdown-root\">\r\n                <span class=\"raqm-calendar-caption-label\" aria-hidden=\"true\"\r\n                  >{{ monthLabel(month.date, month.date.getMonth())\r\n                  }}<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"m6 9 6 6 6-6\" /></svg\r\n                ></span>\r\n                <select\r\n                  [attr.aria-label]=\"labels().monthDropdown\"\r\n                  [disabled]=\"disableNavigation()\"\r\n                  (change)=\"dropdown(month.date, index, $event, false)\"\r\n                >\r\n                  @for (option of monthOptions; track option) {\r\n                    <option\r\n                      [value]=\"option\"\r\n                      [selected]=\"option === month.date.getMonth()\"\r\n                      [disabled]=\"monthDisabled(month.date, option)\"\r\n                    >\r\n                      {{ monthLabel(month.date, option) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </span>\r\n            } @else {\r\n              <span>{{ monthLabel(month.date, month.date.getMonth()) }}</span>\r\n            }\r\n            @if (captionLayout() !== 'dropdown-months') {\r\n              <span class=\"raqm-calendar-dropdown-root\">\r\n                <span class=\"raqm-calendar-caption-label\" aria-hidden=\"true\"\r\n                  >{{ yearLabel(month.date.getFullYear())\r\n                  }}<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"m6 9 6 6 6-6\" /></svg\r\n                ></span>\r\n                <select\r\n                  [attr.aria-label]=\"labels().yearDropdown\"\r\n                  [disabled]=\"disableNavigation()\"\r\n                  (change)=\"dropdown(month.date, index, $event, true)\"\r\n                >\r\n                  @for (year of years(); track year) {\r\n                    <option [value]=\"year\" [selected]=\"year === month.date.getFullYear()\">\r\n                      {{ yearLabel(year) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </span>\r\n            } @else {\r\n              <span>{{ yearLabel(month.date.getFullYear()) }}</span>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n      <table\r\n        role=\"grid\"\r\n        [attr.aria-label]=\"caption(month.date)\"\r\n        [attr.aria-multiselectable]=\"mode() !== 'single' ? true : null\"\r\n        class=\"raqm-calendar-grid\"\r\n      >\r\n        <thead>\r\n          <tr class=\"raqm-calendar-weekdays\">\r\n            @if (showWeekNumber()) {\r\n              <th class=\"raqm-calendar-week-number\" scope=\"col\">\r\n                <span class=\"raqm-calendar-sr\">{{ labels().weekNumber }}</span>\r\n              </th>\r\n            }\r\n            @for (weekdayDate of weekdays(); track $index) {\r\n              <th\r\n                scope=\"col\"\r\n                [attr.aria-label]=\"format(weekdayDate, { weekday: 'long' })\"\r\n                class=\"raqm-calendar-weekday\"\r\n              >\r\n                {{ weekday(weekdayDate) }}\r\n              </th>\r\n            }\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (week of month.weeks; track week.key) {\r\n            <tr class=\"raqm-calendar-week\">\r\n              @if (showWeekNumber()) {\r\n                <th scope=\"row\" class=\"raqm-calendar-week-number\">{{ weekText(week.number) }}</th>\r\n              }\r\n              @for (day of week.days; track day.key) {\r\n                <td\r\n                  [class]=\"'raqm-calendar-day ' + day.classes\"\r\n                  [attr.data-raqm-selected]=\"day.modifiers['selected'] ? '' : null\"\r\n                  [attr.data-raqm-today]=\"day.modifiers['today'] ? '' : null\"\r\n                  [attr.data-raqm-outside]=\"day.modifiers['outside'] ? '' : null\"\r\n                  [attr.data-raqm-disabled]=\"day.modifiers['disabled'] ? '' : null\"\r\n                  [attr.data-raqm-range-start]=\"day.modifiers['range_start'] ? '' : null\"\r\n                  [attr.data-raqm-range-end]=\"day.modifiers['range_end'] ? '' : null\"\r\n                  [attr.data-raqm-range-middle]=\"day.modifiers['range_middle'] ? '' : null\"\r\n                  [attr.aria-selected]=\"day.modifiers['selected']\"\r\n                  [attr.aria-disabled]=\"day.modifiers['disabled'] || null\"\r\n                >\r\n                  @if (!day.modifiers['hidden']) {\r\n                    <button\r\n                      raqm-button=\"ghost\"\r\n                      raqm-calendar-day-button\r\n                      icon\r\n                      [date]=\"day.date\"\r\n                      [locale]=\"locale()\"\r\n                      [modifiers]=\"day.modifiers\"\r\n                      [disabled]=\"day.modifiers['disabled']\"\r\n                      [attr.tabindex]=\"isTabDay(day) ? 0 : -1\"\r\n                      [attr.data-raqm-key]=\"day.key\"\r\n                      [attr.aria-label]=\"dayLabel(day)\"\r\n                      [attr.aria-current]=\"day.modifiers['today'] ? 'date' : null\"\r\n                      (click)=\"selectDay(day)\"\r\n                      (keydown)=\"keydown($event, day)\"\r\n                    >\r\n                      @if (dayContent(); as content) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"content\"\r\n                          [ngTemplateOutletContext]=\"context(day)\"\r\n                        />\r\n                      } @else {\r\n                        {{ dayText(day.date) }}\r\n                      }\r\n                    </button>\r\n                  }\r\n                </td>\r\n              }\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  }\r\n</div>\r\n<div class=\"raqm-calendar-sr\" aria-live=\"polite\" aria-atomic=\"true\">\r\n  @for (month of months(); track month.key) {\r\n    {{ caption(month.date) }}\r\n  }\r\n</div>\r\n@if (footer()) {\r\n  <div role=\"status\">{{ footer() }}</div>\r\n}\r\n<div class=\"raqm-calendar-sr\" aria-live=\"polite\" aria-atomic=\"true\">\r\n  {{ selectionAnnouncement() }}\r\n</div>\r\n",
+		styles: [":host{--cell-size: calc(var(--raqm-spacing) * 7);--cell-radius: var(--raqm-radius-md);display:block;width:fit-content;padding:calc(var(--raqm-spacing) * 2);color:var(--raqm-foreground);background:var(--raqm-background);font-family:inherit;font-size:var(--raqm-font-size-sm)}:host-context(.raqm-card-content),:host-context(.raqm-popover-content){background:transparent}.raqm-calendar-months{position:relative;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.raqm-calendar-months{flex-direction:row}}.raqm-calendar-month{display:flex;flex-direction:column;gap:1rem;width:calc(var(--cell-size) * 7)}.raqm-calendar-month:has(.raqm-calendar-week-number){width:calc(var(--cell-size) * 8)}.raqm-calendar-nav{position:absolute;inset-inline:0;top:0;display:flex;justify-content:space-between;gap:.25rem;pointer-events:none}.raqm-calendar-nav .raqm-calendar-nav-button{width:var(--cell-size);height:var(--cell-size);padding:0;pointer-events:auto}.raqm-calendar-nav-button svg{width:1rem;height:1rem}:host:dir(rtl) .raqm-calendar-nav-button svg{transform:rotate(180deg)}.raqm-calendar-caption{display:flex;align-items:center;justify-content:center;height:var(--cell-size);padding-inline:var(--cell-size);font-weight:500;-webkit-user-select:none;user-select:none}.raqm-calendar-dropdowns{display:flex;align-items:center;justify-content:center;gap:.375rem;block-size:var(--cell-size);font-weight:500}.raqm-calendar-dropdown-root{position:relative;border-radius:var(--cell-radius)}.raqm-calendar-dropdown-root:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--raqm-ring) 50%,transparent)}.raqm-calendar-caption-label{display:flex;align-items:center;gap:.25rem;height:1.5rem;padding-left:.375rem;padding-right:.25rem}.raqm-calendar-caption-label svg{width:.875rem;height:.875rem;color:var(--raqm-muted-foreground)}.raqm-calendar-dropdown-root select{position:absolute;inset:0;width:100%;height:100%;opacity:0;background:var(--raqm-popover);color:var(--raqm-popover-foreground);cursor:pointer}.raqm-calendar-grid{width:100%;border-collapse:collapse;table-layout:fixed}.raqm-calendar-weekdays,.raqm-calendar-week{display:flex;width:100%}.raqm-calendar-week{margin-top:.5rem}.raqm-calendar-weekday{flex:1;padding:0;border-radius:var(--cell-radius);font-size:.8rem;font-weight:400;color:var(--raqm-muted-foreground);-webkit-user-select:none;user-select:none}.raqm-calendar-week-number{display:flex;align-items:center;justify-content:center;flex:0 0 var(--cell-size);height:var(--cell-size);padding:0;font-size:.8rem;font-weight:400;color:var(--raqm-muted-foreground)}.raqm-calendar-day{position:relative;isolation:isolate;flex:1;min-width:0;aspect-ratio:1;padding:0;border-radius:var(--cell-radius);text-align:center;-webkit-user-select:none;user-select:none}.raqm-calendar-day[data-raqm-today]{background:var(--raqm-muted);color:var(--raqm-foreground)}.raqm-calendar-day[data-raqm-today][data-raqm-selected]{border-radius:0}.raqm-calendar-day[data-raqm-outside],.raqm-calendar-day[data-raqm-disabled]{color:var(--raqm-muted-foreground)}.raqm-calendar-day[data-raqm-disabled]{opacity:.5}.raqm-calendar-day[data-raqm-range-start],.raqm-calendar-day[data-raqm-range-end],.raqm-calendar-day[data-raqm-range-middle]{background:var(--raqm-muted)}.raqm-calendar-day[data-raqm-range-start]{border-start-end-radius:0;border-end-end-radius:0}.raqm-calendar-day[data-raqm-range-end]{border-start-start-radius:0;border-end-start-radius:0}.raqm-calendar-day[data-raqm-range-middle]{border-radius:0}.raqm-calendar-day-button.raqm-button{position:relative;isolation:isolate;z-index:1;display:flex;flex-direction:column;gap:.25rem;width:100%;min-width:var(--cell-size);height:auto;aspect-ratio:1;padding:0;border:0;border-radius:var(--cell-radius);font-weight:400;line-height:1;color:inherit}.raqm-calendar-day-button.raqm-button:disabled{opacity:1}.raqm-calendar-day-button.raqm-button[data-raqm-range-middle]{border-radius:0;background:var(--raqm-muted);color:var(--raqm-foreground)}.raqm-calendar-day-button.raqm-button:is([data-raqm-selected-single],[data-raqm-range-start],[data-raqm-range-end]){background:var(--raqm-primary);color:var(--raqm-primary-foreground)}.raqm-calendar-day-button.raqm-button:focus-visible{z-index:10;outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--raqm-ring) 50%,transparent)}@media(forced-colors:active){.raqm-calendar-dropdown-root:focus-within,.raqm-calendar-day-button.raqm-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.raqm-calendar-day:first-of-type [data-raqm-range-middle]{border-start-start-radius:var(--cell-radius);border-end-start-radius:var(--cell-radius)}.raqm-calendar-day:last-child [data-raqm-range-middle]{border-start-end-radius:var(--cell-radius);border-end-end-radius:var(--cell-radius)}.raqm-calendar-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: RaqmButton,
+				selector: "button[raqm-button], a[raqm-button]",
+				inputs: [
+					"raqm-button",
+					"extra-small",
+					"small",
+					"large",
+					"icon",
+					"icon-extra-small",
+					"icon-small",
+					"icon-large",
+					"disabled",
+					"tabindex"
+				]
+			},
+			{
+				kind: "directive",
+				type: RaqmCalendarDayButtonDirective,
+				selector: "button[raqm-calendar-day-button]",
+				inputs: [
+					"date",
+					"locale",
+					"modifiers"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmCalendarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-calendar",
+			imports: [
+				NgTemplateOutlet,
+				RaqmButton,
+				RaqmCalendarDayButtonDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-calendar",
+				tabindex: "-1",
+				"data-raqm-slot": "calendar",
+				"[attr.dir]": "dir()",
+				"(focusin)": "focusIn($event)",
+				"(focusout)": "focusOut($event)"
+			},
+			template: "<div class=\"raqm-calendar-months\">\r\n  @if (!hideNavigation()) {\r\n    <nav class=\"raqm-calendar-nav\" [attr.aria-label]=\"labels().navigation\">\r\n      <button\r\n        [raqm-button]=\"navAppearance()\"\r\n        icon\r\n        class=\"raqm-calendar-nav-button\"\r\n        [disabled]=\"!canNavigate(-1)\"\r\n        [attr.aria-label]=\"labels().previous\"\r\n        (click)=\"navigate(-1)\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"m15 18-6-6 6-6\" />\r\n        </svg>\r\n      </button>\r\n      <button\r\n        [raqm-button]=\"navAppearance()\"\r\n        icon\r\n        class=\"raqm-calendar-nav-button\"\r\n        [disabled]=\"!canNavigate(1)\"\r\n        [attr.aria-label]=\"labels().next\"\r\n        (click)=\"navigate(1)\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path d=\"m9 18 6-6-6-6\" />\r\n        </svg>\r\n      </button>\r\n    </nav>\r\n  }\r\n  @for (month of months(); track month.key; let index = $index) {\r\n    <div class=\"raqm-calendar-month\">\r\n      <div class=\"raqm-calendar-caption\">\r\n        @if (captionLayout() === 'label') {\r\n          <span>{{ caption(month.date) }}</span>\r\n        } @else {\r\n          <div class=\"raqm-calendar-dropdowns\">\r\n            @if (captionLayout() !== 'dropdown-years') {\r\n              <span class=\"raqm-calendar-dropdown-root\">\r\n                <span class=\"raqm-calendar-caption-label\" aria-hidden=\"true\"\r\n                  >{{ monthLabel(month.date, month.date.getMonth())\r\n                  }}<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"m6 9 6 6 6-6\" /></svg\r\n                ></span>\r\n                <select\r\n                  [attr.aria-label]=\"labels().monthDropdown\"\r\n                  [disabled]=\"disableNavigation()\"\r\n                  (change)=\"dropdown(month.date, index, $event, false)\"\r\n                >\r\n                  @for (option of monthOptions; track option) {\r\n                    <option\r\n                      [value]=\"option\"\r\n                      [selected]=\"option === month.date.getMonth()\"\r\n                      [disabled]=\"monthDisabled(month.date, option)\"\r\n                    >\r\n                      {{ monthLabel(month.date, option) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </span>\r\n            } @else {\r\n              <span>{{ monthLabel(month.date, month.date.getMonth()) }}</span>\r\n            }\r\n            @if (captionLayout() !== 'dropdown-months') {\r\n              <span class=\"raqm-calendar-dropdown-root\">\r\n                <span class=\"raqm-calendar-caption-label\" aria-hidden=\"true\"\r\n                  >{{ yearLabel(month.date.getFullYear())\r\n                  }}<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"m6 9 6 6 6-6\" /></svg\r\n                ></span>\r\n                <select\r\n                  [attr.aria-label]=\"labels().yearDropdown\"\r\n                  [disabled]=\"disableNavigation()\"\r\n                  (change)=\"dropdown(month.date, index, $event, true)\"\r\n                >\r\n                  @for (year of years(); track year) {\r\n                    <option [value]=\"year\" [selected]=\"year === month.date.getFullYear()\">\r\n                      {{ yearLabel(year) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </span>\r\n            } @else {\r\n              <span>{{ yearLabel(month.date.getFullYear()) }}</span>\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n      <table\r\n        role=\"grid\"\r\n        [attr.aria-label]=\"caption(month.date)\"\r\n        [attr.aria-multiselectable]=\"mode() !== 'single' ? true : null\"\r\n        class=\"raqm-calendar-grid\"\r\n      >\r\n        <thead>\r\n          <tr class=\"raqm-calendar-weekdays\">\r\n            @if (showWeekNumber()) {\r\n              <th class=\"raqm-calendar-week-number\" scope=\"col\">\r\n                <span class=\"raqm-calendar-sr\">{{ labels().weekNumber }}</span>\r\n              </th>\r\n            }\r\n            @for (weekdayDate of weekdays(); track $index) {\r\n              <th\r\n                scope=\"col\"\r\n                [attr.aria-label]=\"format(weekdayDate, { weekday: 'long' })\"\r\n                class=\"raqm-calendar-weekday\"\r\n              >\r\n                {{ weekday(weekdayDate) }}\r\n              </th>\r\n            }\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          @for (week of month.weeks; track week.key) {\r\n            <tr class=\"raqm-calendar-week\">\r\n              @if (showWeekNumber()) {\r\n                <th scope=\"row\" class=\"raqm-calendar-week-number\">{{ weekText(week.number) }}</th>\r\n              }\r\n              @for (day of week.days; track day.key) {\r\n                <td\r\n                  [class]=\"'raqm-calendar-day ' + day.classes\"\r\n                  [attr.data-raqm-selected]=\"day.modifiers['selected'] ? '' : null\"\r\n                  [attr.data-raqm-today]=\"day.modifiers['today'] ? '' : null\"\r\n                  [attr.data-raqm-outside]=\"day.modifiers['outside'] ? '' : null\"\r\n                  [attr.data-raqm-disabled]=\"day.modifiers['disabled'] ? '' : null\"\r\n                  [attr.data-raqm-range-start]=\"day.modifiers['range_start'] ? '' : null\"\r\n                  [attr.data-raqm-range-end]=\"day.modifiers['range_end'] ? '' : null\"\r\n                  [attr.data-raqm-range-middle]=\"day.modifiers['range_middle'] ? '' : null\"\r\n                  [attr.aria-selected]=\"day.modifiers['selected']\"\r\n                  [attr.aria-disabled]=\"day.modifiers['disabled'] || null\"\r\n                >\r\n                  @if (!day.modifiers['hidden']) {\r\n                    <button\r\n                      raqm-button=\"ghost\"\r\n                      raqm-calendar-day-button\r\n                      icon\r\n                      [date]=\"day.date\"\r\n                      [locale]=\"locale()\"\r\n                      [modifiers]=\"day.modifiers\"\r\n                      [disabled]=\"day.modifiers['disabled']\"\r\n                      [attr.tabindex]=\"isTabDay(day) ? 0 : -1\"\r\n                      [attr.data-raqm-key]=\"day.key\"\r\n                      [attr.aria-label]=\"dayLabel(day)\"\r\n                      [attr.aria-current]=\"day.modifiers['today'] ? 'date' : null\"\r\n                      (click)=\"selectDay(day)\"\r\n                      (keydown)=\"keydown($event, day)\"\r\n                    >\r\n                      @if (dayContent(); as content) {\r\n                        <ng-container\r\n                          [ngTemplateOutlet]=\"content\"\r\n                          [ngTemplateOutletContext]=\"context(day)\"\r\n                        />\r\n                      } @else {\r\n                        {{ dayText(day.date) }}\r\n                      }\r\n                    </button>\r\n                  }\r\n                </td>\r\n              }\r\n            </tr>\r\n          }\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  }\r\n</div>\r\n<div class=\"raqm-calendar-sr\" aria-live=\"polite\" aria-atomic=\"true\">\r\n  @for (month of months(); track month.key) {\r\n    {{ caption(month.date) }}\r\n  }\r\n</div>\r\n@if (footer()) {\r\n  <div role=\"status\">{{ footer() }}</div>\r\n}\r\n<div class=\"raqm-calendar-sr\" aria-live=\"polite\" aria-atomic=\"true\">\r\n  {{ selectionAnnouncement() }}\r\n</div>\r\n",
+			styles: [":host{--cell-size: calc(var(--raqm-spacing) * 7);--cell-radius: var(--raqm-radius-md);display:block;width:fit-content;padding:calc(var(--raqm-spacing) * 2);color:var(--raqm-foreground);background:var(--raqm-background);font-family:inherit;font-size:var(--raqm-font-size-sm)}:host-context(.raqm-card-content),:host-context(.raqm-popover-content){background:transparent}.raqm-calendar-months{position:relative;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.raqm-calendar-months{flex-direction:row}}.raqm-calendar-month{display:flex;flex-direction:column;gap:1rem;width:calc(var(--cell-size) * 7)}.raqm-calendar-month:has(.raqm-calendar-week-number){width:calc(var(--cell-size) * 8)}.raqm-calendar-nav{position:absolute;inset-inline:0;top:0;display:flex;justify-content:space-between;gap:.25rem;pointer-events:none}.raqm-calendar-nav .raqm-calendar-nav-button{width:var(--cell-size);height:var(--cell-size);padding:0;pointer-events:auto}.raqm-calendar-nav-button svg{width:1rem;height:1rem}:host:dir(rtl) .raqm-calendar-nav-button svg{transform:rotate(180deg)}.raqm-calendar-caption{display:flex;align-items:center;justify-content:center;height:var(--cell-size);padding-inline:var(--cell-size);font-weight:500;-webkit-user-select:none;user-select:none}.raqm-calendar-dropdowns{display:flex;align-items:center;justify-content:center;gap:.375rem;block-size:var(--cell-size);font-weight:500}.raqm-calendar-dropdown-root{position:relative;border-radius:var(--cell-radius)}.raqm-calendar-dropdown-root:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--raqm-ring) 50%,transparent)}.raqm-calendar-caption-label{display:flex;align-items:center;gap:.25rem;height:1.5rem;padding-left:.375rem;padding-right:.25rem}.raqm-calendar-caption-label svg{width:.875rem;height:.875rem;color:var(--raqm-muted-foreground)}.raqm-calendar-dropdown-root select{position:absolute;inset:0;width:100%;height:100%;opacity:0;background:var(--raqm-popover);color:var(--raqm-popover-foreground);cursor:pointer}.raqm-calendar-grid{width:100%;border-collapse:collapse;table-layout:fixed}.raqm-calendar-weekdays,.raqm-calendar-week{display:flex;width:100%}.raqm-calendar-week{margin-top:.5rem}.raqm-calendar-weekday{flex:1;padding:0;border-radius:var(--cell-radius);font-size:.8rem;font-weight:400;color:var(--raqm-muted-foreground);-webkit-user-select:none;user-select:none}.raqm-calendar-week-number{display:flex;align-items:center;justify-content:center;flex:0 0 var(--cell-size);height:var(--cell-size);padding:0;font-size:.8rem;font-weight:400;color:var(--raqm-muted-foreground)}.raqm-calendar-day{position:relative;isolation:isolate;flex:1;min-width:0;aspect-ratio:1;padding:0;border-radius:var(--cell-radius);text-align:center;-webkit-user-select:none;user-select:none}.raqm-calendar-day[data-raqm-today]{background:var(--raqm-muted);color:var(--raqm-foreground)}.raqm-calendar-day[data-raqm-today][data-raqm-selected]{border-radius:0}.raqm-calendar-day[data-raqm-outside],.raqm-calendar-day[data-raqm-disabled]{color:var(--raqm-muted-foreground)}.raqm-calendar-day[data-raqm-disabled]{opacity:.5}.raqm-calendar-day[data-raqm-range-start],.raqm-calendar-day[data-raqm-range-end],.raqm-calendar-day[data-raqm-range-middle]{background:var(--raqm-muted)}.raqm-calendar-day[data-raqm-range-start]{border-start-end-radius:0;border-end-end-radius:0}.raqm-calendar-day[data-raqm-range-end]{border-start-start-radius:0;border-end-start-radius:0}.raqm-calendar-day[data-raqm-range-middle]{border-radius:0}.raqm-calendar-day-button.raqm-button{position:relative;isolation:isolate;z-index:1;display:flex;flex-direction:column;gap:.25rem;width:100%;min-width:var(--cell-size);height:auto;aspect-ratio:1;padding:0;border:0;border-radius:var(--cell-radius);font-weight:400;line-height:1;color:inherit}.raqm-calendar-day-button.raqm-button:disabled{opacity:1}.raqm-calendar-day-button.raqm-button[data-raqm-range-middle]{border-radius:0;background:var(--raqm-muted);color:var(--raqm-foreground)}.raqm-calendar-day-button.raqm-button:is([data-raqm-selected-single],[data-raqm-range-start],[data-raqm-range-end]){background:var(--raqm-primary);color:var(--raqm-primary-foreground)}.raqm-calendar-day-button.raqm-button:focus-visible{z-index:10;outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--raqm-ring) 50%,transparent)}@media(forced-colors:active){.raqm-calendar-dropdown-root:focus-within,.raqm-calendar-day-button.raqm-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.raqm-calendar-day:first-of-type [data-raqm-range-middle]{border-start-start-radius:var(--cell-radius);border-end-start-radius:var(--cell-radius)}.raqm-calendar-day:last-child [data-raqm-range-middle]{border-start-end-radius:var(--cell-radius);border-end-end-radius:var(--cell-radius)}.raqm-calendar-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		defaultSelected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "defaultSelected",
+				required: false
+			}]
+		}],
+		defaultMonth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "defaultMonth",
+				required: false
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}],
+		selectedChange: [{
+			type: i0.Output,
+			args: ["selectedChange"]
+		}],
+		month: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "month",
+				required: false
+			}]
+		}],
+		monthChange: [{
+			type: i0.Output,
+			args: ["monthChange"]
+		}],
+		numberOfMonths: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "numberOfMonths",
+				required: false
+			}]
+		}],
+		startMonth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "startMonth",
+				required: false
+			}]
+		}],
+		endMonth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "endMonth",
+				required: false
+			}]
+		}],
+		disableNavigation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disableNavigation",
+				required: false
+			}]
+		}],
+		hideNavigation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideNavigation",
+				required: false
+			}]
+		}],
+		pagedNavigation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pagedNavigation",
+				required: false
+			}]
+		}],
+		captionLayout: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "captionLayout",
+				required: false
+			}]
+		}],
+		appearance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "appearance",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		dir: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dir",
+				required: false
+			}]
+		}],
+		weekStartsOn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "weekStartsOn",
+				required: false
+			}]
+		}],
+		firstWeekContainsDate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "firstWeekContainsDate",
+				required: false
+			}]
+		}],
+		ISOWeek: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ISOWeek",
+				required: false
+			}]
+		}],
+		fixedWeeks: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fixedWeeks",
+				required: false
+			}]
+		}],
+		showOutsideDays: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showOutsideDays",
+				required: false
+			}]
+		}],
+		showWeekNumber: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showWeekNumber",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		hidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hidden",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		excludeDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "excludeDisabled",
+				required: false
+			}]
+		}],
+		today: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "today",
+				required: false
+			}]
+		}],
+		modifiers: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "modifiers",
+				required: false
+			}]
+		}],
+		modifiersClassNames: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "modifiersClassNames",
+				required: false
+			}]
+		}],
+		dayTemplateDirective: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => RaqmCalendarDayDirective), { isSignal: true }]
+		}],
+		formatters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatters",
+				required: false
+			}]
+		}],
+		labels: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labels",
+				required: false
+			}]
+		}],
+		footer: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "footer",
+				required: false
+			}]
+		}]
+	}
+});
+var RaqmCalendarDayDirective = class RaqmCalendarDayDirective {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmCalendarDayDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmCalendarDayDirective,
+		isStandalone: true,
+		selector: "ng-template[raqm-calendar-day]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmCalendarDayDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[raqm-calendar-day]" }]
+	}]
+});
+const RaqmCalendar = [
+	RaqmCalendarComponent,
+	RaqmCalendarDayButtonDirective,
+	RaqmCalendarDayDirective
+];
+export { RaqmCalendar, RaqmCalendarComponent, RaqmCalendarDayButtonDirective, RaqmCalendarDayDirective };
+
+//# sourceMappingURL=raqm-ui-calendar.mjs.map