minerva-design 1.0.0 → 1.0.2

package/dist/angular/fesm2022/minerva-angular.mjs

@@ -1,7 +1,7 @@
 import { DOCUMENT, NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, PLATFORM_ID, SecurityContext, TemplateRef, ViewContainerRef, ViewEncapsulation, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideEnvironmentInitializer, signal, untracked, viewChild, viewChildren } from "@angular/core";
-import { DEFAULT_LANGUAGE, DEFAULT_TAG_SEPARATORS, PALETTES, RATING_STAR_COUNT, addDays, clampNumber, cn, createCheckboxMachine, createRatingMachine, createSwitchMachine, createTypeahead, dayKey, designAttributes, findCascaderPath, flattenCascaderOptions, formatHasSeconds, formatNumberValue, formatTime, getNextIndex, getPageRange, getRatingKeyValue, getRatingStarFills, getVirtualRange, inferStepPrecision, isPalette, isSupportedLanguage, matchesAccept, messages, monthStart, parseNumberDraft, parseTimeInput, presetPalette, resolveDesign, resolveSize, resolveSpace, resolveTimeFormat, sameMonth, splitBySeparators, startOfToday, translate } from "../../core/index.js";
+import { DEFAULT_LANGUAGE, DEFAULT_TAG_SEPARATORS, PALETTES, RATING_STAR_COUNT, addDays, clampNumber, cn, createCheckboxMachine, createRatingMachine, createSwitchMachine, createTypeahead, dayKey, designAttributes, findCascaderPath, flattenCascaderOptions, formatHasSeconds, formatNumberValue, formatTime, getNextIndex, getPageRange, getRatingKeyValue, getRatingStarFills, getVirtualRange, inferStepPrecision, isPalette, isSupportedLanguage, localDate, matchesAccept, messages, monthStart, parseDayKey, parseNumberDraft, parseTimeInput, presetPalette, resolveDesign, resolveSize, resolveSpace, resolveTimeFormat, sameMonth, splitBySeparators, startOfToday, translate } from "../../core/index.js";
 import { FOCUS_SCOPE_UNMOUNT_EVENT, PALETTE_COOKIE_NAME, THEME_COOKIE_NAME, applyDesignAttributes, applyPosition, autoPosition, createDismissableLayer, createFocusScope, focusElement, generateCSSVariables, getDirection, getSystemTheme, getTabbables, hideOthers, isBilingualTheme, lockScroll, logicalArrowKey, parsePaletteCookie, parsePlacement, parseThemeCookie, readCookieValue, resolveTheme, serializeThemeCookie, waitForExitAnimation } from "../../dom/index.js";
 import { FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, NgForm } from "@angular/forms";
 import { DomSanitizer } from "@angular/platform-browser";
@@ -951,6 +951,23 @@ const commandStyles = {
 	search: "_search_ddj2h_50",
 	searchIcon: "_searchIcon_ddj2h_74"
 };
+const datePickerStyles = {
+	calendarIcon: "_calendarIcon_6el17_22",
+	clearButton: "_clearButton_6el17_6",
+	datePicker: "_datePicker_6el17_1",
+	day: "_day_6el17_111",
+	footer: "_footer_6el17_157",
+	footerButton: "_footerButton_6el17_165",
+	grid: "_grid_6el17_92",
+	header: "_header_6el17_46",
+	heading: "_heading_6el17_54",
+	navButton: "_navButton_6el17_67",
+	navGroup: "_navGroup_6el17_61",
+	panel: "_panel_6el17_34",
+	popup: "_popup_6el17_29",
+	week: "_week_6el17_96",
+	weekday: "_weekday_6el17_103"
+};
 const descriptionListStyles = {
 	bordered: "_bordered_1v9yl_51",
 	descriptionList: "_descriptionList_1v9yl_1",
@@ -2230,13 +2247,13 @@ const PLACEMENT$1 = {
 	top: switchStyles.labelTop,
 	bottom: switchStyles.labelBottom
 };
-const optionalBoolean$8 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$9 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 var MnSwitch = class MnSwitch extends MnFormValueControl {
 	constructor() {
 		super();
 		this.checked = input(void 0, {
 			...ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$8
+			transform: optionalBoolean$9
 		});
 		this.checkedChange = output();
 		this.defaultChecked = input(false, {
@@ -2245,7 +2262,7 @@ var MnSwitch = class MnSwitch extends MnFormValueControl {
 		});
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$8
+			transform: optionalBoolean$9
 		});
 		this.invalid = input(false, {
 			...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
@@ -4722,7 +4739,7 @@ const PLACEMENT = {
 	left: "left-start",
 	right: "right-start"
 };
-const optionalBoolean$7 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$8 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 	constructor() {
 		super();
@@ -4768,7 +4785,7 @@ var MnAutoComplete = class MnAutoComplete extends MnFormValueControl {
 		});
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$7
+			transform: optionalBoolean$8
 		});
 		this.readOnly = input(false, {
 			...ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {},
@@ -6788,7 +6805,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const EMPTY_VALUE = [];
-const optionalBoolean$6 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$7 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 const widthAttribute = (value) => {
 	if (typeof value === "number") return value;
 	const text = String(value ?? "");
@@ -6806,7 +6823,7 @@ var MnCascader = class MnCascader extends MnFormValueControl {
 		this.displayRender = input(void 0, ...ngDevMode ? [{ debugName: "displayRender" }] : /* istanbul ignore next */ []);
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$6
+			transform: optionalBoolean$7
 		});
 		this.placeholder = input(void 0, ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 		this.allowClear = input(true, {
@@ -6829,15 +6846,15 @@ var MnCascader = class MnCascader extends MnFormValueControl {
 		this.id = input(void 0, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
 		this.required = input(void 0, {
 			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$6
+			transform: optionalBoolean$7
 		});
 		this.readOnly = input(void 0, {
 			...ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$6
+			transform: optionalBoolean$7
 		});
 		this.invalid = input(void 0, {
 			...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$6
+			transform: optionalBoolean$7
 		});
 		this.showSearch = input(false, {
 			...ngDevMode ? { debugName: "showSearch" } : /* istanbul ignore next */ {},
@@ -7934,7 +7951,7 @@ function emptyContent(element, deps = () => void 0) {
 	} });
 	return empty.asReadonly();
 }
-const optionalBoolean$5 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$6 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1);
 var MnCheckbox = class MnCheckbox extends MnFormValueControl {
 	constructor() {
@@ -7947,7 +7964,7 @@ var MnCheckbox = class MnCheckbox extends MnFormValueControl {
 		});
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$5
+			transform: optionalBoolean$6
 		});
 		this.indeterminate = input(false, {
 			...ngDevMode ? { debugName: "indeterminate" } : /* istanbul ignore next */ {},
@@ -7975,7 +7992,7 @@ var MnCheckbox = class MnCheckbox extends MnFormValueControl {
 		this.icon = input(void 0, ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
 		this.required = input(void 0, {
 			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$5
+			transform: optionalBoolean$6
 		});
 		this.error = input(false, {
 			...ngDevMode ? { debugName: "error" } : /* istanbul ignore next */ {},
@@ -9412,7 +9429,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
-const optionalBoolean$4 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$5 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 var MnFieldBase = class MnFieldBase {
 	fallbackInvalid() {
 		return this.controlInvalid();
@@ -9420,7 +9437,7 @@ var MnFieldBase = class MnFieldBase {
 	constructor() {
 		this.invalid = input(void 0, {
 			...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$4
+			transform: optionalBoolean$5
 		});
 		this.required = input(false, {
 			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
@@ -12208,7 +12225,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const MN_RADIO_GROUP = new InjectionToken("MN_RADIO_GROUP");
-const optionalBoolean$3 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$4 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 var MnRadioGroup = class MnRadioGroup extends MnFormValueControl {
 	constructor() {
 		super(...arguments);
@@ -12231,7 +12248,7 @@ var MnRadioGroup = class MnRadioGroup extends MnFormValueControl {
 		this.id = input(void 0, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$3
+			transform: optionalBoolean$4
 		});
 		this.direction = input("vertical", ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
 		this.size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
@@ -12242,7 +12259,7 @@ var MnRadioGroup = class MnRadioGroup extends MnFormValueControl {
 		this.helperText = input(void 0, ...ngDevMode ? [{ debugName: "helperText" }] : /* istanbul ignore next */ []);
 		this.required = input(void 0, {
 			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$3
+			transform: optionalBoolean$4
 		});
 		this.color = input(void 0, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
 		this.s = radioStyles;
@@ -12727,7 +12744,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const optionalBoolean$2 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$3 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 var MnRadioRegistry = class MnRadioRegistry {
 	constructor() {
 		this.radios = /* @__PURE__ */ new Set();
@@ -12780,7 +12797,7 @@ var MnRadio = class MnRadio {
 		});
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$2
+			transform: optionalBoolean$3
 		});
 		this.name = input(void 0, ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 		this.value = input(void 0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
@@ -14351,7 +14368,7 @@ const getOptions = (listbox) => Array.from(listbox.querySelectorAll(OPTION_SELEC
 const isOptionDisabled = (option) => option.getAttribute("aria-disabled") === "true";
 const findOption = (listbox, value) => value === null ? void 0 : getOptions(listbox).find((option) => option.dataset["value"] === value);
 const isPrintable = (event) => event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
-const optionalBoolean$1 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+const optionalBoolean$2 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
 const VISUALLY_HIDDEN = "position: absolute; border: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; word-wrap: normal";
 var MnSelect = class MnSelect extends MnFormValueControl {
 	constructor() {
@@ -14371,11 +14388,11 @@ var MnSelect = class MnSelect extends MnFormValueControl {
 		});
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$1
+			transform: optionalBoolean$2
 		});
 		this.required = input(void 0, {
 			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean$1
+			transform: optionalBoolean$2
 		});
 		this.name = input(void 0, ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 		this.id = input(void 0, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
@@ -17543,13 +17560,13 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const optionalBoolean = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
-function adjacentTabbable(anchor, container, backwards) {
+const optionalBoolean$1 = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+function adjacentTabbable$1(anchor, container, backwards) {
 	const tabbables = getTabbables(container).filter((el) => el !== anchor && !anchor.contains(el) && !el.contains(anchor));
 	const follows = (el) => !!(anchor.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING);
 	return backwards ? [...tabbables].reverse().find((el) => !follows(el)) ?? null : tabbables.find(follows) ?? null;
 }
-function tabLeavesPanel(panel, focused, backwards) {
+function tabLeavesPanel$1(panel, focused, backwards) {
 	if (!focused || !panel.contains(focused)) return false;
 	const tabbables = getTabbables(panel);
 	if (tabbables.length === 0) return true;
@@ -17584,20 +17601,20 @@ var MnTimePicker = class MnTimePicker extends MnFormValueControl {
 		this.id = input(void 0, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
 		this.required = input(void 0, {
 			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean
+			transform: optionalBoolean$1
 		});
 		this.readOnly = input(void 0, {
 			...ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean
+			transform: optionalBoolean$1
 		});
 		this.invalid = input(void 0, {
 			...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean
+			transform: optionalBoolean$1
 		});
 		this.name = input("time-picker", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 		this.disabled = input(void 0, {
 			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
-			transform: optionalBoolean
+			transform: optionalBoolean$1
 		});
 		this.clearable = input(true, {
 			...ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {},
@@ -17785,10 +17802,10 @@ var MnTimePicker = class MnTimePicker extends MnFormValueControl {
 	onPanelKeyDown(event) {
 		const panel = event.currentTarget;
 		const input = this.inputRef().nativeElement;
-		if (event.key !== "Tab" || event.altKey || event.ctrlKey || event.metaKey || !tabLeavesPanel(panel, event.target, event.shiftKey)) return;
+		if (event.key !== "Tab" || event.altKey || event.ctrlKey || event.metaKey || !tabLeavesPanel$1(panel, event.target, event.shiftKey)) return;
 		event.preventDefault();
 		const container = input.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? input.ownerDocument.body;
-		(event.shiftKey ? input : adjacentTabbable(input, container, false) ?? input).focus();
+		(event.shiftKey ? input : adjacentTabbable$1(input, container, false) ?? input).focus();
 		this.setOpen(false);
 	}
 	static {
@@ -32018,6 +32035,1118 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
-export { MN_RADIO_GROUP, MN_SCOPE, MinervaScope, MnAlert, MnAppShell, MnAutoComplete, MnAvatar, MnAvatarGroup, MnBadge, MnBox, MnButton, MnCard, MnCardContent, MnCardDescription, MnCardFooter, MnCardHeader, MnCardTitle, MnCascader, MnCascaderPanel, MnCheckbox, MnCodeBlock, MnCommandDialog, MnConfig, MnConfirmDialog, MnConfirmProvider, MnConfirmService, MnContextMenu, MnDataTable, MnDescriptionList, MnDivider, MnDrawer, MnDrawerBody, MnDrawerClose, MnDrawerFooter, MnDrawerHeader, MnDrawerTrigger, MnEmpty, MnFieldBase, MnFloatingBase, MnFormControl, MnFormErrorMessage, MnFormField, MnFormHelperText, MnFormLabel, MnFormLayout, MnGridItem, MnHStack, MnHtmlPreview, MnIconButton, MnInput, MnJsonField, MnKeyValueEditor, MnList, MnListItem, MnLoadingState, MnMenu, MnMenuBase, MnModal, MnModalBody, MnModalClose, MnModalFooter, MnModalHeader, MnModalTrigger, MnMonthCalendar, MnNavTree, MnNumberInput, MnPage, MnPageHeader, MnPageSection, MnPageTab, MnPageTabs, MnPagination, MnPaletteToggle, MnPopover, MnPopoverAnchor, MnPopoverClose, MnProgressIndicator, MnProse, MnRadio, MnRadioGroup, MnRating, MnRatingScale, MnResponsiveGrid, MnSelect, MnSelectGroup, MnSelectItem, MnSelectLabel, MnSelectSeparator, MnSkeleton, MnSkeletonText, MnSplitLayout, MnStack, MnStackBase, MnStatCard, MnSteps, MnSwitch, MnTab, MnTabPanel, MnTableBody, MnTableCell, MnTableCellContent, MnTableHead, MnTableHeader, MnTableRoot, MnTableRow, MnTabs, MnTag, MnTagInput, MnTextLink, MnTextarea, MnThemeToggle, MnTimePicker, MnTimePickerPanel, MnToastRegion, MnToastService, MnToolbar, MnTooltip, MnTooltipProvider, MnUpload, MnVStack, MnVirtualList, THEME_SCOPE_ATTRIBUTE, injectMinerva, provideEmbeddedMinerva, provideMinerva, themeModeOf };
+const optionalBoolean = (value) => value === void 0 || value === null ? void 0 : booleanAttribute(value);
+function adjacentTabbable(anchor, container, backwards) {
+	const tabbables = getTabbables(container).filter((el) => el !== anchor && !anchor.contains(el) && !el.contains(anchor));
+	const follows = (el) => !!(anchor.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING);
+	return backwards ? [...tabbables].reverse().find((el) => !follows(el)) ?? null : tabbables.find(follows) ?? null;
+}
+function tabLeavesPanel(panel, focused, backwards) {
+	if (!focused || !panel.contains(focused)) return false;
+	const tabbables = getTabbables(panel);
+	if (tabbables.length === 0) return true;
+	if (backwards) return focused === panel || focused === tabbables[0];
+	return focused === tabbables[tabbables.length - 1];
+}
+var MnDatePicker = class MnDatePicker extends MnFormValueControl {
+	dayDisabled(key) {
+		return !!(this.minDate() && key < this.minDate() || this.maxDate() && key > this.maxDate());
+	}
+	navigateMonth(offset) {
+		this.month.set(monthStart(this.month(), offset));
+	}
+	syncMonth() {
+		const date = parseDayKey(this.current());
+		if (date) this.month.set(monthStart(date));
+	}
+	selectToday() {
+		this.selectDate(/* @__PURE__ */ new Date());
+	}
+	selectDate(date) {
+		if (this.isDisabled() || this.isReadOnly() || this.dayDisabled(dayKey(date))) return;
+		this.draft.set(null);
+		this.commit(dayKey(date));
+		this.month.set(monthStart(date));
+		this.setOpen(false);
+		this.focus();
+	}
+	onDayKeyDown(event, date) {
+		if (this.isDisabled() || this.isReadOnly()) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			if (!event.repeat) this.selectDate(date);
+			return;
+		}
+		let target;
+		const weekday = (date.getDay() + 6) % 7;
+		let key = event.key;
+		if (getDirection(event.currentTarget) === "rtl") {
+			if (key === "ArrowLeft") key = "ArrowRight";
+			else if (key === "ArrowRight") key = "ArrowLeft";
+		}
+		switch (key) {
+			case "ArrowLeft":
+				target = addDays(date, -1);
+				break;
+			case "ArrowRight":
+				target = addDays(date, 1);
+				break;
+			case "ArrowUp":
+				target = addDays(date, -7);
+				break;
+			case "ArrowDown":
+				target = addDays(date, 7);
+				break;
+			case "Home":
+				target = addDays(date, -weekday);
+				break;
+			case "End":
+				target = addDays(date, 6 - weekday);
+				break;
+			case "PageUp":
+			case "PageDown": {
+				const next = monthStart(date, (key === "PageUp" ? -1 : 1) * (event.shiftKey ? 12 : 1));
+				target = localDate(next.getFullYear(), next.getMonth(), Math.min(date.getDate(), addDays(monthStart(next, 1), -1).getDate()));
+				break;
+			}
+			default: return;
+		}
+		event.preventDefault();
+		this.focusedKey.set(dayKey(target));
+		this.pendingFocus.set(dayKey(target));
+		if (!sameMonth(target, this.month())) this.month.set(monthStart(target));
+	}
+	constructor() {
+		super();
+		this.value = input(void 0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.valueChange = output();
+		this.change = output();
+		this.defaultValue = input(void 0, ...ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []);
+		this.open = model(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+		this.placeholder = input(void 0, ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+		this.label = input(void 0, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input(void 0, {
+			...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
+			alias: "aria-label"
+		});
+		this.ariaLabelledby = input(void 0, {
+			...ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {},
+			alias: "aria-labelledby"
+		});
+		this.ariaDescribedby = input(void 0, {
+			...ngDevMode ? { debugName: "ariaDescribedby" } : /* istanbul ignore next */ {},
+			alias: "aria-describedby"
+		});
+		this.id = input(void 0, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+		this.required = input(void 0, {
+			...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.readOnly = input(void 0, {
+			...ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.invalid = input(void 0, {
+			...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.name = input("date-picker", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+		this.disabled = input(void 0, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: optionalBoolean
+		});
+		this.clearable = input(true, {
+			...ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.size = input("medium", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+		this.minDate = input(void 0, ...ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []);
+		this.maxDate = input(void 0, ...ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []);
+		this.locale = input(void 0, ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+		this.s = datePickerStyles;
+		this.is = inputStyles;
+		this.ib = iconButtonStyles;
+		this.scope = injectScope();
+		this.fieldContext = injectFormField();
+		this.field = fieldWiring(this.fieldContext, {
+			id: () => this.id(),
+			describedBy: () => this.ariaDescribedby()
+		});
+		this.host = inject(ElementRef);
+		this.inputRef = viewChild.required("input", ...ngDevMode ? [{ debugName: "inputRef" }] : /* istanbul ignore next */ []);
+		this.panelRef = viewChild("panel", ...ngDevMode ? [{ debugName: "panelRef" }] : /* istanbul ignore next */ []);
+		this.isDisabled = computed(() => this.disabled() ?? (this.formDisabled() || (this.fieldContext?.disabled() ?? false)), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+		this.isReadOnly = computed(() => this.readOnly() ?? this.fieldContext?.readOnly() ?? false, ...ngDevMode ? [{ debugName: "isReadOnly" }] : /* istanbul ignore next */ []);
+		this.isRequired = computed(() => this.required() ?? this.fieldContext?.required() ?? false, ...ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []);
+		this.isInvalid = computed(() => this.invalid() ?? ((this.fieldContext?.invalid() ?? false) || this.controlInvalid()), ...ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []);
+		this.isOpen = computed(() => this.open() && !this.isDisabled() && !this.isReadOnly(), ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+		this.accessibleName = computed(() => this.label() ?? this.ariaLabel() ?? this.scope.t("datePicker.label"), ...ngDevMode ? [{ debugName: "accessibleName" }] : /* istanbul ignore next */ []);
+		this.labelledBy = computed(() => this.ariaLabelledby() ?? (this.fieldContext && !this.label() && !this.ariaLabel() ? this.fieldContext.labelId() : null), ...ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []);
+		this.internal = signal(void 0, ...ngDevMode ? [{ debugName: "internal" }] : /* istanbul ignore next */ []);
+		this.current = computed(() => {
+			const value = this.value();
+			return value === void 0 ? this.formValue() ?? this.internal() ?? this.defaultValue() ?? "" : value ?? "";
+		}, ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+		this.draft = signal(null, ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
+		this.displayValue = computed(() => this.draft() ?? this.current(), ...ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []);
+		this.headingId = injectId("date-picker-heading");
+		this.weekdays = [
+			"mon",
+			"tue",
+			"wed",
+			"thu",
+			"fri",
+			"sat",
+			"sun"
+		];
+		this.todayKey = dayKey(/* @__PURE__ */ new Date());
+		this.month = signal(monthStart(/* @__PURE__ */ new Date()), ...ngDevMode ? [{ debugName: "month" }] : /* istanbul ignore next */ []);
+		this.focusedKey = signal("", ...ngDevMode ? [{ debugName: "focusedKey" }] : /* istanbul ignore next */ []);
+		this.pendingFocus = signal(null, ...ngDevMode ? [{ debugName: "pendingFocus" }] : /* istanbul ignore next */ []);
+		this.key = dayKey;
+		this.outside = (date) => !sameMonth(date, this.month());
+		this.heading = computed(() => new Intl.DateTimeFormat(this.locale() ?? this.scope.language(), {
+			year: "numeric",
+			month: "long"
+		}).format(this.month()), ...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+		this.days = computed(() => {
+			const first = monthStart(this.month());
+			const start = addDays(first, -((first.getDay() + 6) % 7));
+			return Array.from({ length: 42 }, (_, i) => addDays(start, i));
+		}, ...ngDevMode ? [{ debugName: "days" }] : /* istanbul ignore next */ []);
+		this.weeks = computed(() => Array.from({ length: 6 }, (_, i) => this.days().slice(i * 7, i * 7 + 7)), ...ngDevMode ? [{ debugName: "weeks" }] : /* istanbul ignore next */ []);
+		this.activeKey = computed(() => {
+			const keys = this.days().map(dayKey);
+			return [
+				this.focusedKey(),
+				this.current(),
+				this.todayKey,
+				dayKey(this.month()),
+				...keys
+			].find((key) => key && keys.includes(key) && !this.dayDisabled(key));
+		}, ...ngDevMode ? [{ debugName: "activeKey" }] : /* istanbul ignore next */ []);
+		this.showClear = computed(() => this.clearable() && !!this.current() && !this.isDisabled() && !this.isReadOnly(), ...ngDevMode ? [{ debugName: "showClear" }] : /* istanbul ignore next */ []);
+		this.placement = signal("bottom-start", ...ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []);
+		this.panelDir = signal(void 0, ...ngDevMode ? [{ debugName: "panelDir" }] : /* istanbul ignore next */ []);
+		this.inputRootClass = computed(() => cn(inputStyles.root, inputStyles.outline, classOf(inputStyles, this.size()), this.isInvalid() && inputStyles.invalid, this.isDisabled() && inputStyles.disabled), ...ngDevMode ? [{ debugName: "inputRootClass" }] : /* istanbul ignore next */ []);
+		this.suffixClass = cn(inputStyles.addon, inputStyles.end);
+		this.clearClass = cn(iconButtonStyles.iconButton, iconButtonStyles.neutral, iconButtonStyles["variant-ghost"], iconButtonStyles.small, iconButtonStyles.circle, datePickerStyles.clearButton);
+		this.clearStates = {
+			state: "inactive",
+			size: "small",
+			variant: "ghost",
+			color: "neutral",
+			shape: "circle"
+		};
+		this.contentStates = computed(() => {
+			const placement = this.placement();
+			const { side, align } = parsePlacement(placement);
+			return {
+				state: "open",
+				side,
+				align,
+				placement
+			};
+		}, ...ngDevMode ? [{ debugName: "contentStates" }] : /* istanbul ignore next */ []);
+		const panel = () => this.panelRef()?.nativeElement;
+		anchoredPosition({
+			anchor: () => this.inputRef().nativeElement,
+			floating: panel,
+			active: () => this.isOpen(),
+			placement: "bottom-start",
+			onPosition: (result) => this.placement.set(result.placement)
+		});
+		overlayLayer({
+			element: panel,
+			active: () => this.isOpen(),
+			branches: () => [this.host.nativeElement],
+			autoFocus: false,
+			restoreFocus: () => false,
+			onEscapeKeyDown: (event) => {
+				if (event.defaultPrevented) return;
+				const element = panel();
+				const doc = element?.ownerDocument;
+				if (element && doc && element.contains(doc.activeElement)) this.inputRef().nativeElement.focus();
+			},
+			onDismiss: () => this.setOpen(false)
+		});
+		afterRenderEffect(() => {
+			const element = panel();
+			const pending = this.pendingFocus();
+			if (!element || !this.isOpen() || pending === null) return;
+			untracked(() => {
+				const cell = pending ? element.querySelector(`[data-date="${pending}"]`) : element.querySelector("[role=\"gridcell\"][tabindex=\"0\"]");
+				if (cell) {
+					this.pendingFocus.set(null);
+					cell.focus();
+				}
+			});
+		});
+		afterRenderEffect(() => {
+			const element = panel();
+			if (!element || !this.isOpen()) return;
+			untracked(() => {
+				const anchorDir = getDirection(this.inputRef().nativeElement);
+				const containerDir = element.parentElement ? getDirection(element.parentElement) : anchorDir;
+				this.panelDir.set(anchorDir === containerDir ? void 0 : anchorDir);
+			});
+		});
+	}
+	ngOnInit() {
+		this.internal.set(this.defaultValue() ?? "");
+		super.ngOnInit();
+	}
+	writeValue(value) {
+		this.draft.set(null);
+		super.writeValue(value ?? "");
+	}
+	focus(options) {
+		this.inputRef().nativeElement.focus(options);
+	}
+	setOpen(next) {
+		if (this.open() !== next) this.open.set(next);
+	}
+	commit(next) {
+		this.internal.set(next);
+		this.valueChange.emit(next);
+		this.change.emit(next);
+		this.notifyChange(next);
+	}
+	onInput(text) {
+		if (this.isDisabled() || this.isReadOnly()) return;
+		this.draft.set(text);
+		if (text === "") {
+			this.commit("");
+			return;
+		}
+		const date = parseDayKey(text, true);
+		if (date && !this.dayDisabled(dayKey(date))) {
+			this.commit(dayKey(date));
+			this.month.set(monthStart(date));
+		}
+	}
+	onBlur() {
+		this.notifyTouched();
+		const draft = this.draft();
+		if (draft === null) return;
+		const text = draft.trim();
+		if (!this.isDisabled() && !this.isReadOnly()) {
+			if (!text) {
+				if (this.current()) this.commit("");
+			} else {
+				const date = parseDayKey(text, false);
+				if (date && !this.dayDisabled(dayKey(date)) && dayKey(date) !== this.current()) {
+					this.commit(dayKey(date));
+					this.month.set(monthStart(date));
+				}
+			}
+		}
+		this.draft.set(null);
+		this.inputRef().nativeElement.value = this.displayValue();
+	}
+	clear() {
+		if (this.isDisabled() || this.isReadOnly()) return;
+		this.draft.set(null);
+		this.commit("");
+		this.focus();
+	}
+	onRootClick(event) {
+		if (event.target !== this.inputRef().nativeElement) return;
+		if (this.isDisabled() || this.isReadOnly()) return;
+		if (!this.open()) this.syncMonth();
+		this.setOpen(!this.open());
+	}
+	onInputKeyDown(event) {
+		if (event.key !== "ArrowDown") return;
+		event.preventDefault();
+		if (this.isDisabled() || this.isReadOnly()) return;
+		if (!this.open()) {
+			this.syncMonth();
+			this.focusedKey.set(this.current());
+			this.pendingFocus.set("");
+			this.setOpen(true);
+		} else this.panelRef()?.nativeElement.querySelector("[role=\"gridcell\"][tabindex=\"0\"]")?.focus();
+	}
+	onPanelKeyDown(event) {
+		const panel = event.currentTarget;
+		const input = this.inputRef().nativeElement;
+		if (event.key !== "Tab" || event.altKey || event.ctrlKey || event.metaKey || !tabLeavesPanel(panel, event.target, event.shiftKey)) return;
+		event.preventDefault();
+		const container = input.closest("[role=\"dialog\"], [role=\"alertdialog\"]") ?? input.ownerDocument.body;
+		(event.shiftKey ? input : adjacentTabbable(input, container, false) ?? input).focus();
+		this.setOpen(false);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: MnDatePicker,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: MnDatePicker,
+			isStandalone: true,
+			selector: "mn-date-picker",
+			inputs: {
+				value: {
+					classPropertyName: "value",
+					publicName: "value",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				defaultValue: {
+					classPropertyName: "defaultValue",
+					publicName: "defaultValue",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				open: {
+					classPropertyName: "open",
+					publicName: "open",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				placeholder: {
+					classPropertyName: "placeholder",
+					publicName: "placeholder",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "aria-label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabelledby: {
+					classPropertyName: "ariaLabelledby",
+					publicName: "aria-labelledby",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaDescribedby: {
+					classPropertyName: "ariaDescribedby",
+					publicName: "aria-describedby",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				id: {
+					classPropertyName: "id",
+					publicName: "id",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				required: {
+					classPropertyName: "required",
+					publicName: "required",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				readOnly: {
+					classPropertyName: "readOnly",
+					publicName: "readOnly",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				invalid: {
+					classPropertyName: "invalid",
+					publicName: "invalid",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				name: {
+					classPropertyName: "name",
+					publicName: "name",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				clearable: {
+					classPropertyName: "clearable",
+					publicName: "clearable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				size: {
+					classPropertyName: "size",
+					publicName: "size",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				minDate: {
+					classPropertyName: "minDate",
+					publicName: "minDate",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxDate: {
+					classPropertyName: "maxDate",
+					publicName: "maxDate",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				locale: {
+					classPropertyName: "locale",
+					publicName: "locale",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				valueChange: "valueChange",
+				change: "change",
+				open: "openChange"
+			},
+			host: {
+				listeners: { "click": "onRootClick($event)" },
+				properties: {
+					"class": "s.datePicker",
+					"attr.id": "null",
+					"attr.aria-label": "null",
+					"attr.aria-labelledby": "null",
+					"attr.aria-describedby": "null",
+					"attr.name": "null",
+					"attr.placeholder": "null",
+					"attr.label": "null",
+					"attr.disabled": "null",
+					"attr.readonly": "null",
+					"attr.required": "null",
+					"attr.invalid": "null",
+					"attr.data-minerva": "\"date-picker\"",
+					"attr.data-part": "\"root\"",
+					"attr.data-state": "isOpen() ? \"open\" : \"closed\"",
+					"attr.data-disabled": "isDisabled() ? \"\" : null",
+					"attr.data-readonly": "isReadOnly() ? \"\" : null",
+					"attr.data-invalid": "isInvalid() ? \"\" : null",
+					"attr.data-size": "size()"
+				}
+			},
+			providers: [provideValueAccessor(() => MnDatePicker)],
+			viewQueries: [{
+				propertyName: "inputRef",
+				first: true,
+				predicate: ["input"],
+				descendants: true,
+				isSignal: true
+			}, {
+				propertyName: "panelRef",
+				first: true,
+				predicate: ["panel"],
+				descendants: true,
+				isSignal: true
+			}],
+			exportAs: ["mnDatePicker"],
+			usesInheritance: true,
+			ngImport: i0,
+			template: `
+    <div
+      [class]="inputRootClass()"
+      data-component="input"
+      mnHook="input"
+      [mnStates]="{
+        disabled: isDisabled(),
+        invalid: isInvalid(),
+        readonly: isReadOnly(),
+        required: isRequired(),
+        size: size(),
+        variant: 'outline',
+      }"
+    >
+      <input
+        #input
+        type="text"
+        [class]="is.field"
+        [value]="displayValue()"
+        [attr.placeholder]="placeholder() ?? scope.t('datePicker.placeholder')"
+        [attr.id]="field.id()"
+        [attr.aria-label]="accessibleName()"
+        [attr.aria-labelledby]="labelledBy()"
+        [attr.aria-describedby]="field.describedBy()"
+        [attr.aria-invalid]="isInvalid() ? 'true' : null"
+        [attr.aria-readonly]="isReadOnly() ? 'true' : null"
+        [required]="isRequired()"
+        [readOnly]="isReadOnly()"
+        [attr.name]="name()"
+        [disabled]="isDisabled()"
+        (input)="onInput(input.value)"
+        (blur)="onBlur()"
+        (keydown)="onInputKeyDown($event)"
+        mnHook="input"
+        mnPart="input"
+      />
+      <span [class]="suffixClass" mnHook="input" mnPart="suffix">
+        @if (showClear()) {
+          <button
+            type="button"
+            [class]="clearClass"
+            tabindex="0"
+            [attr.aria-label]="scope.t('datePicker.clear')"
+            (click)="clear()"
+            mnHook="icon-button"
+            [mnStates]="clearStates"
+          >
+            <span
+              [class]="ib.glyph"
+              aria-hidden="true"
+              mnHook="icon-button"
+              mnPart="icon"
+            >
+              <svg mnIcon="X"></svg>
+            </span>
+          </button>
+        } @else {
+          <span
+            [class]="s.calendarIcon"
+            aria-hidden="true"
+            mnHook="date-picker"
+            mnPart="icon"
+          >
+            <svg mnIcon="Calendar"></svg>
+          </span>
+        }
+      </span>
+    </div>
+    @if (isOpen()) {
+      <div
+        *mnPortal
+        #panel
+        role="dialog"
+        tabindex="-1"
+        [attr.dir]="panelDir() ?? null"
+        [attr.aria-label]="accessibleName()"
+        [attr.aria-labelledby]="labelledBy()"
+        [class]="s.popup"
+        (keydown)="onPanelKeyDown($event)"
+        mnHook="date-picker"
+        mnPart="content"
+        [mnStates]="contentStates()"
+      >
+        <div [class]="s.panel">
+          <div [class]="s.header">
+            <h2 [id]="headingId" [class]="s.heading" aria-live="polite">
+              {{ heading() }}
+            </h2>
+            <div [class]="s.navGroup">
+              <button
+                type="button"
+                [class]="s.navButton"
+                [attr.aria-label]="scope.t('monthCalendar.previousMonth')"
+                (click)="navigateMonth(-1)"
+              >
+                <svg mnIcon="ChevronLeft"></svg>
+              </button>
+              <button
+                type="button"
+                [class]="s.navButton"
+                [attr.aria-label]="scope.t('monthCalendar.nextMonth')"
+                (click)="navigateMonth(1)"
+              >
+                <svg mnIcon="ChevronRight"></svg>
+              </button>
+            </div>
+          </div>
+          <div role="grid" [attr.aria-labelledby]="headingId" [class]="s.grid">
+            <div role="row" [class]="s.week">
+              @for (day of weekdays; track day) {
+                <div role="columnheader" [class]="s.weekday">
+                  {{ scope.t("monthCalendar.weekdays." + day) }}
+                </div>
+              }
+            </div>
+            @for (week of weeks(); track $index) {
+              <div role="row" [class]="s.week">
+                @for (date of week; track key(date)) {
+                  <div
+                    role="gridcell"
+                    [class]="s.day"
+                    [attr.data-date]="key(date)"
+                    [attr.data-outside]="outside(date) ? '' : null"
+                    [attr.aria-label]="key(date)"
+                    [attr.aria-selected]="current() === key(date)"
+                    [attr.aria-current]="key(date) === todayKey ? 'date' : null"
+                    [attr.aria-disabled]="
+                      dayDisabled(key(date)) ? 'true' : null
+                    "
+                    [tabIndex]="key(date) === activeKey() ? 0 : -1"
+                    (focus)="focusedKey.set(key(date))"
+                    (click)="selectDate(date)"
+                    (keydown)="onDayKeyDown($event, date)"
+                  >
+                    {{ date.getDate() }}
+                  </div>
+                }
+              </div>
+            }
+          </div>
+          <div [class]="s.footer">
+            <button
+              type="button"
+              [class]="s.footerButton"
+              [disabled]="dayDisabled(todayKey)"
+              (click)="selectToday()"
+            >
+              {{ scope.t("datePicker.today") }}
+            </button>
+            @if (clearable() && current()) {
+              <button
+                type="button"
+                [class]="s.footerButton"
+                (click)="clear(); setOpen(false)"
+              >
+                {{ scope.t("datePicker.clear") }}
+              </button>
+            }
+          </div>
+        </div>
+      </div>
+    }
+  `,
+			isInline: true,
+			dependencies: [
+				{
+					kind: "directive",
+					type: MnHook,
+					selector: "[mnHook]",
+					inputs: [
+						"mnHook",
+						"mnPart",
+						"mnStates"
+					]
+				},
+				{
+					kind: "component",
+					type: MnIcon,
+					selector: "svg[mnIcon]",
+					inputs: ["mnIcon", "size"]
+				},
+				{
+					kind: "directive",
+					type: MnPortal,
+					selector: "[mnPortal]",
+					inputs: ["mnPortal"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: MnDatePicker,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "mn-date-picker",
+			exportAs: "mnDatePicker",
+			imports: [
+				MnHook,
+				MnIcon,
+				MnPortal
+			],
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [provideValueAccessor(() => MnDatePicker)],
+			host: {
+				"[class]": "s.datePicker",
+				"[attr.id]": "null",
+				"[attr.aria-label]": "null",
+				"[attr.aria-labelledby]": "null",
+				"[attr.aria-describedby]": "null",
+				"[attr.name]": "null",
+				"[attr.placeholder]": "null",
+				"[attr.label]": "null",
+				"[attr.disabled]": "null",
+				"[attr.readonly]": "null",
+				"[attr.required]": "null",
+				"[attr.invalid]": "null",
+				"[attr.data-minerva]": "\"date-picker\"",
+				"[attr.data-part]": "\"root\"",
+				"[attr.data-state]": "isOpen() ? \"open\" : \"closed\"",
+				"[attr.data-disabled]": "isDisabled() ? \"\" : null",
+				"[attr.data-readonly]": "isReadOnly() ? \"\" : null",
+				"[attr.data-invalid]": "isInvalid() ? \"\" : null",
+				"[attr.data-size]": "size()",
+				"(click)": "onRootClick($event)"
+			},
+			template: `
+    <div
+      [class]="inputRootClass()"
+      data-component="input"
+      mnHook="input"
+      [mnStates]="{
+        disabled: isDisabled(),
+        invalid: isInvalid(),
+        readonly: isReadOnly(),
+        required: isRequired(),
+        size: size(),
+        variant: 'outline',
+      }"
+    >
+      <input
+        #input
+        type="text"
+        [class]="is.field"
+        [value]="displayValue()"
+        [attr.placeholder]="placeholder() ?? scope.t('datePicker.placeholder')"
+        [attr.id]="field.id()"
+        [attr.aria-label]="accessibleName()"
+        [attr.aria-labelledby]="labelledBy()"
+        [attr.aria-describedby]="field.describedBy()"
+        [attr.aria-invalid]="isInvalid() ? 'true' : null"
+        [attr.aria-readonly]="isReadOnly() ? 'true' : null"
+        [required]="isRequired()"
+        [readOnly]="isReadOnly()"
+        [attr.name]="name()"
+        [disabled]="isDisabled()"
+        (input)="onInput(input.value)"
+        (blur)="onBlur()"
+        (keydown)="onInputKeyDown($event)"
+        mnHook="input"
+        mnPart="input"
+      />
+      <span [class]="suffixClass" mnHook="input" mnPart="suffix">
+        @if (showClear()) {
+          <button
+            type="button"
+            [class]="clearClass"
+            tabindex="0"
+            [attr.aria-label]="scope.t('datePicker.clear')"
+            (click)="clear()"
+            mnHook="icon-button"
+            [mnStates]="clearStates"
+          >
+            <span
+              [class]="ib.glyph"
+              aria-hidden="true"
+              mnHook="icon-button"
+              mnPart="icon"
+            >
+              <svg mnIcon="X"></svg>
+            </span>
+          </button>
+        } @else {
+          <span
+            [class]="s.calendarIcon"
+            aria-hidden="true"
+            mnHook="date-picker"
+            mnPart="icon"
+          >
+            <svg mnIcon="Calendar"></svg>
+          </span>
+        }
+      </span>
+    </div>
+    @if (isOpen()) {
+      <div
+        *mnPortal
+        #panel
+        role="dialog"
+        tabindex="-1"
+        [attr.dir]="panelDir() ?? null"
+        [attr.aria-label]="accessibleName()"
+        [attr.aria-labelledby]="labelledBy()"
+        [class]="s.popup"
+        (keydown)="onPanelKeyDown($event)"
+        mnHook="date-picker"
+        mnPart="content"
+        [mnStates]="contentStates()"
+      >
+        <div [class]="s.panel">
+          <div [class]="s.header">
+            <h2 [id]="headingId" [class]="s.heading" aria-live="polite">
+              {{ heading() }}
+            </h2>
+            <div [class]="s.navGroup">
+              <button
+                type="button"
+                [class]="s.navButton"
+                [attr.aria-label]="scope.t('monthCalendar.previousMonth')"
+                (click)="navigateMonth(-1)"
+              >
+                <svg mnIcon="ChevronLeft"></svg>
+              </button>
+              <button
+                type="button"
+                [class]="s.navButton"
+                [attr.aria-label]="scope.t('monthCalendar.nextMonth')"
+                (click)="navigateMonth(1)"
+              >
+                <svg mnIcon="ChevronRight"></svg>
+              </button>
+            </div>
+          </div>
+          <div role="grid" [attr.aria-labelledby]="headingId" [class]="s.grid">
+            <div role="row" [class]="s.week">
+              @for (day of weekdays; track day) {
+                <div role="columnheader" [class]="s.weekday">
+                  {{ scope.t("monthCalendar.weekdays." + day) }}
+                </div>
+              }
+            </div>
+            @for (week of weeks(); track $index) {
+              <div role="row" [class]="s.week">
+                @for (date of week; track key(date)) {
+                  <div
+                    role="gridcell"
+                    [class]="s.day"
+                    [attr.data-date]="key(date)"
+                    [attr.data-outside]="outside(date) ? '' : null"
+                    [attr.aria-label]="key(date)"
+                    [attr.aria-selected]="current() === key(date)"
+                    [attr.aria-current]="key(date) === todayKey ? 'date' : null"
+                    [attr.aria-disabled]="
+                      dayDisabled(key(date)) ? 'true' : null
+                    "
+                    [tabIndex]="key(date) === activeKey() ? 0 : -1"
+                    (focus)="focusedKey.set(key(date))"
+                    (click)="selectDate(date)"
+                    (keydown)="onDayKeyDown($event, date)"
+                  >
+                    {{ date.getDate() }}
+                  </div>
+                }
+              </div>
+            }
+          </div>
+          <div [class]="s.footer">
+            <button
+              type="button"
+              [class]="s.footerButton"
+              [disabled]="dayDisabled(todayKey)"
+              (click)="selectToday()"
+            >
+              {{ scope.t("datePicker.today") }}
+            </button>
+            @if (clearable() && current()) {
+              <button
+                type="button"
+                [class]="s.footerButton"
+                (click)="clear(); setOpen(false)"
+              >
+                {{ scope.t("datePicker.clear") }}
+              </button>
+            }
+          </div>
+        </div>
+      </div>
+    }
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		valueChange: [{
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		change: [{
+			type: i0.Output,
+			args: ["change"]
+		}],
+		defaultValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "defaultValue",
+				required: false
+			}]
+		}],
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "open",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["openChange"]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		ariaLabelledby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-labelledby",
+				required: false
+			}]
+		}],
+		ariaDescribedby: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-describedby",
+				required: false
+			}]
+		}],
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		readOnly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readOnly",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		clearable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "clearable",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		minDate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minDate",
+				required: false
+			}]
+		}],
+		maxDate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxDate",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		inputRef: [{
+			type: i0.ViewChild,
+			args: ["input", { isSignal: true }]
+		}],
+		panelRef: [{
+			type: i0.ViewChild,
+			args: ["panel", { isSignal: true }]
+		}]
+	}
+});
+export { MN_RADIO_GROUP, MN_SCOPE, MinervaScope, MnAlert, MnAppShell, MnAutoComplete, MnAvatar, MnAvatarGroup, MnBadge, MnBox, MnButton, MnCard, MnCardContent, MnCardDescription, MnCardFooter, MnCardHeader, MnCardTitle, MnCascader, MnCascaderPanel, MnCheckbox, MnCodeBlock, MnCommandDialog, MnConfig, MnConfirmDialog, MnConfirmProvider, MnConfirmService, MnContextMenu, MnDataTable, MnDatePicker, MnDescriptionList, MnDivider, MnDrawer, MnDrawerBody, MnDrawerClose, MnDrawerFooter, MnDrawerHeader, MnDrawerTrigger, MnEmpty, MnFieldBase, MnFloatingBase, MnFormControl, MnFormErrorMessage, MnFormField, MnFormHelperText, MnFormLabel, MnFormLayout, MnGridItem, MnHStack, MnHtmlPreview, MnIconButton, MnInput, MnJsonField, MnKeyValueEditor, MnList, MnListItem, MnLoadingState, MnMenu, MnMenuBase, MnModal, MnModalBody, MnModalClose, MnModalFooter, MnModalHeader, MnModalTrigger, MnMonthCalendar, MnNavTree, MnNumberInput, MnPage, MnPageHeader, MnPageSection, MnPageTab, MnPageTabs, MnPagination, MnPaletteToggle, MnPopover, MnPopoverAnchor, MnPopoverClose, MnProgressIndicator, MnProse, MnRadio, MnRadioGroup, MnRating, MnRatingScale, MnResponsiveGrid, MnSelect, MnSelectGroup, MnSelectItem, MnSelectLabel, MnSelectSeparator, MnSkeleton, MnSkeletonText, MnSplitLayout, MnStack, MnStackBase, MnStatCard, MnSteps, MnSwitch, MnTab, MnTabPanel, MnTableBody, MnTableCell, MnTableCellContent, MnTableHead, MnTableHeader, MnTableRoot, MnTableRow, MnTabs, MnTag, MnTagInput, MnTextLink, MnTextarea, MnThemeToggle, MnTimePicker, MnTimePickerPanel, MnToastRegion, MnToastService, MnToolbar, MnTooltip, MnTooltipProvider, MnUpload, MnVStack, MnVirtualList, THEME_SCOPE_ATTRIBUTE, injectMinerva, provideEmbeddedMinerva, provideMinerva, themeModeOf };
 
 //# sourceMappingURL=minerva-angular.mjs.map