@nldd/design-system 0.8.74 → 0.8.76

package/dist/components/{index-73GOYriu.js → index-C51CBKdx.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker, s as styleTags, t as tags, a as LanguageSupport, l as ifNotIn, h as syntaxTree, b as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, d as foldInside, N as NodeWeakMap, I as IterMode, m as completeFromList, n as snippetCompletion } from "./index-CI0H6jWT.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker, s as styleTags, t as tags, a as LanguageSupport, l as ifNotIn, h as syntaxTree, b as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, d as foldInside, N as NodeWeakMap, I as IterMode, m as completeFromList, n as snippetCompletion } from "./index-B04kRPqo.js";
 const printKeyword = 1, indent = 194, dedent = 195, newline$1 = 196, blankLineStart = 197, newlineBracketed = 198, eof = 199, stringContent = 200, Escape = 2, replacementStart = 3, stringEnd = 201, ParenL = 24, ParenthesizedExpression = 25, TupleExpression = 49, ComprehensionExpression = 50, BracketL = 55, ArrayExpression = 56, ArrayComprehensionExpression = 57, BraceL = 59, DictionaryExpression = 60, DictionaryComprehensionExpression = 61, SetExpression = 62, SetComprehensionExpression = 63, ArgList = 65, subscript = 238, String$1 = 71, stringStart = 241, stringStartD = 242, stringStartL = 243, stringStartLD = 244, stringStartR = 245, stringStartRD = 246, stringStartRL = 247, stringStartRLD = 248, FormatString = 72, stringStartF = 249, stringStartFD = 250, stringStartFL = 251, stringStartFLD = 252, stringStartFR = 253, stringStartFRD = 254, stringStartFRL = 255, stringStartFRLD = 256, FormatReplacement = 73, nestedFormatReplacement = 77, importList = 263, TypeParamList = 112, ParamList = 130, SequencePattern = 151, MappingPattern = 152, PatternArgList = 155;
 const newline = 10, carriageReturn = 13, space = 32, tab = 9, hash = 35, parenOpen = 40, dot = 46, braceOpen = 123, braceClose = 125, singleQuote = 39, doubleQuote = 34, backslash = 92, letter_o = 111, letter_x = 120, letter_N = 78, letter_u = 117, letter_U = 85;
 const bracketed = /* @__PURE__ */ new Set([

package/dist/components/{index-fjTBz8ya.js → index-C6fLE8SI.js}

@@ -1,4 +1,4 @@
-import { a as LanguageSupport, b as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, s as styleTags, E as ExternalTokenizer, l as ifNotIn, m as completeFromList, L as LRParser, h as syntaxTree, t as tags } from "./index-CI0H6jWT.js";
+import { a as LanguageSupport, b as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, s as styleTags, E as ExternalTokenizer, l as ifNotIn, m as completeFromList, L as LRParser, h as syntaxTree, t as tags } from "./index-B04kRPqo.js";
 const whitespace = 36, LineComment = 1, BlockComment = 2, String$1 = 3, Number = 4, Bool = 5, Null = 6, ParenL = 7, ParenR = 8, BraceL = 9, BraceR = 10, BracketL = 11, BracketR = 12, Semi = 13, Dot = 14, Operator = 15, Punctuation = 16, SpecialVar = 17, Identifier = 18, QuotedIdentifier = 19, Keyword = 20, Type = 21, Bits = 22, Bytes = 23, Builtin = 24;
 function isAlpha(ch) {
   return ch >= 65 && ch <= 90 || ch >= 97 && ch <= 122 || ch >= 48 && ch <= 57;

package/dist/components/{index-CChmEZdd.js → index-CGIRur7T.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, s as styleTags, t as tags, a as LanguageSupport, b as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, d as foldInside } from "./index-CI0H6jWT.js";
+import { L as LRParser, s as styleTags, t as tags, a as LanguageSupport, b as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, d as foldInside } from "./index-B04kRPqo.js";
 const jsonHighlighting = styleTags({
   String: tags.string,
   Number: tags.number,

package/dist/components/{index-JawcAuAj.js → index-Ch1zpGsx.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker, s as styleTags, t as tags, a as LanguageSupport, g as EditorView, h as syntaxTree, j as EditorSelection, b as LRLanguage, i as indentNodeProp, f as foldNodeProp, k as bracketMatchingHandle } from "./index-CI0H6jWT.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker, s as styleTags, t as tags, a as LanguageSupport, g as EditorView, h as syntaxTree, j as EditorSelection, b as LRLanguage, i as indentNodeProp, f as foldNodeProp, k as bracketMatchingHandle } from "./index-B04kRPqo.js";
 const StartTag = 1, StartCloseTag = 2, MissingCloseTag = 3, mismatchedStartCloseTag = 4, incompleteStartCloseTag = 5, commentContent$1 = 36, piContent$1 = 37, cdataContent$1 = 38, Element$1 = 11, OpenTag = 13;
 function nameChar(ch) {
   return ch == 45 || ch == 46 || ch == 58 || ch >= 65 && ch <= 90 || ch == 95 || ch >= 97 && ch <= 122 || ch >= 161;

package/dist/components/{index-CAIa-ZY1.js → index-CnPUd-yq.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker, s as styleTags, t as tags, a as LanguageSupport, p as parseMixed, b as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, d as foldInside } from "./index-CI0H6jWT.js";
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker, s as styleTags, t as tags, a as LanguageSupport, p as parseMixed, b as LRLanguage, i as indentNodeProp, e as delimitedIndent, f as foldNodeProp, d as foldInside } from "./index-B04kRPqo.js";
 const blockEnd = 63, eof = 64, DirectiveEnd = 1, DocEnd = 2, sequenceStartMark = 3, sequenceContinueMark = 4, explicitMapStartMark = 5, explicitMapContinueMark = 6, flowMapMark = 7, mapStartMark = 65, mapContinueMark = 66, Literal = 8, QuotedLiteral = 9, Anchor = 10, Alias = 11, Tag = 12, BlockLiteralContent = 13, BracketL = 19, FlowSequence = 20, Colon = 29, BraceL = 33, FlowMapping = 34, BlockLiteralHeader = 47;
 const type_Top = 0, type_Seq = 1, type_Map = 2, type_Flow = 3, type_Lit = 4;
 class Context {

package/dist/components/{index-BBerWrN2.js → index-DumgCqWu.js}

@@ -1,4 +1,4 @@
-import { L as LRParser, E as ExternalTokenizer, s as styleTags, t as tags, a as LanguageSupport, b as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, d as foldInside } from "./index-CI0H6jWT.js";
+import { L as LRParser, E as ExternalTokenizer, s as styleTags, t as tags, a as LanguageSupport, b as LRLanguage, i as indentNodeProp, c as continuedIndent, f as foldNodeProp, d as foldInside } from "./index-B04kRPqo.js";
 const closureParamDelim = 1, tpOpen = 2, tpClose = 3, RawString = 4, Float = 5;
 const _b = 98, _e = 101, _f = 102, _r = 114, _E = 69, Zero = 48, Dot = 46, Plus = 43, Minus = 45, Hash = 35, Quote = 34, Pipe = 124, LessThan = 60, GreaterThan = 62;
 function isNum(ch) {

package/dist/components/inputs/checkbox-field/checkbox-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const checkboxFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;IASlC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}
+{"version":3,"file":"checkbox-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;IASlC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}

package/dist/components/inputs/code-editor/code-editor.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const codeEditorStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/code-editor/code-editor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2B/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGrB,CAAC"}
+{"version":3,"file":"code-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2B/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGrB,CAAC"}

package/dist/components/inputs/combo-box/combo-box.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const comboBoxStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/combo-box/combo-box.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmB7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJrB,CAAC"}
+{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmB7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJrB,CAAC"}

package/dist/components/inputs/date-field/date-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBAgP3B,CAAC"}
+{"version":3,"file":"date-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBA+O3B,CAAC"}

package/dist/components/inputs/date-field/date-field.styles.js

@@ -1,5 +1,5 @@
 import { css, unsafeCSS } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 import { breakpoints } from '../../../assets/styles/breakpoints.js';
 const mdMin = unsafeCSS(breakpoints.mdMin);
 export const dateFieldStyles = css `
@@ -87,7 +87,6 @@ export const dateFieldStyles = css `
 		border-radius: var(--_corner-radius);
 		background-color: var(--_background-color);
 		min-height: var(--_min-size);
-		overflow: hidden;
 		padding-left: calc(var(--_inline-padding) - var(--semantics-input-fields-border-width));
 		flex-direction: row;
 		align-items: center;

package/dist/components/inputs/date-field/date-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsC9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAqMA,KAAK;;;;;CAK1B,CAAC"}
+{"version":3,"file":"date-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsC9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAoMA,KAAK;;;;;CAK1B,CAAC"}

package/dist/components/inputs/date-field/date-field.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iCAAiC,CAAC;AAEzC;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,qFAAqF,CAAC;AA4GvH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CAqB1E"}
+{"version":3,"file":"date-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iCAAiC,CAAC;AAEzC;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,qFAAqF,CAAC;AAkHvH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CAqB1E"}

package/dist/components/inputs/date-field/date-field.template.js

@@ -37,6 +37,11 @@ function renderValidationIcon(component) {
  * The native one could not be closed in Safari: it ties dismissal to the input,
  * and that input has to be invisible for the button beside it to be the only
  * control.
+ *
+ * It hangs off the trigger, which sits at the end of the field, so bottom-start
+ * would run the calendar out to the right and leave it barely touching the field
+ * it belongs to. bottom-end lands it under the input instead; against the left
+ * edge of the screen Floating UI falls back to opening rightward on its own.
  */
 function renderPicker(component) {
     if (component.noPicker)
@@ -55,6 +60,7 @@ function renderPicker(component) {
 			></nldd-icon-button>
 			<nldd-popover
 				accessible-label=${component._pickerLabel}
+				placement="bottom-end"
 				width=${component._pickerPopoverWidth}
 				@toggle=${component._handlePopoverToggle}
 			>

package/dist/components/inputs/date-field/date-field.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"date-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-field/date-field.template.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/date-picker/date-picker.d.ts

@@ -35,6 +35,7 @@ declare const NLDDDatePicker_base: (abstract new (...args: any[]) => LitElement
         'components.date-picker.view-previous-month-action': string;
         'components.date-picker.view-next-month-action': string;
         'components.date-picker.view-today-action': string;
+        'components.date-picker.choose-month-action': string;
         'components.date-picker.choose-year-action': string;
         'components.date-picker.january-lowercase': string;
         'components.date-picker.january-capitalize': string;
@@ -89,7 +90,7 @@ declare const NLDDDatePicker_base: (abstract new (...args: any[]) => LitElement
         'components.date-picker.range-selected-text': string;
         'components.date-picker.range-blocked-text': string;
     }>;
-    _t(key: "components.date-picker.view-previous-month-action" | "components.date-picker.view-next-month-action" | "components.date-picker.view-today-action" | "components.date-picker.choose-year-action" | "components.date-picker.january-lowercase" | "components.date-picker.january-capitalize" | "components.date-picker.february-lowercase" | "components.date-picker.february-capitalize" | "components.date-picker.march-lowercase" | "components.date-picker.march-capitalize" | "components.date-picker.april-lowercase" | "components.date-picker.april-capitalize" | "components.date-picker.may-lowercase" | "components.date-picker.may-capitalize" | "components.date-picker.june-lowercase" | "components.date-picker.june-capitalize" | "components.date-picker.july-lowercase" | "components.date-picker.july-capitalize" | "components.date-picker.august-lowercase" | "components.date-picker.august-capitalize" | "components.date-picker.september-lowercase" | "components.date-picker.september-capitalize" | "components.date-picker.october-lowercase" | "components.date-picker.october-capitalize" | "components.date-picker.november-lowercase" | "components.date-picker.november-capitalize" | "components.date-picker.december-lowercase" | "components.date-picker.december-capitalize" | "components.date-picker.sunday-lowercase" | "components.date-picker.monday-lowercase" | "components.date-picker.tuesday-lowercase" | "components.date-picker.wednesday-lowercase" | "components.date-picker.thursday-lowercase" | "components.date-picker.friday-lowercase" | "components.date-picker.saturday-lowercase" | "components.date-picker.sunday-short-lowercase" | "components.date-picker.monday-short-lowercase" | "components.date-picker.tuesday-short-lowercase" | "components.date-picker.wednesday-short-lowercase" | "components.date-picker.thursday-short-lowercase" | "components.date-picker.friday-short-lowercase" | "components.date-picker.saturday-short-lowercase" | "components.date-picker.week-number-column-label" | "components.date-picker.week-number-column-short-label" | "components.date-picker.week-number-label" | "components.date-picker.date-label" | "components.date-picker.today-lowercase" | "components.date-picker.unavailable-lowercase-label" | "components.date-picker.range-anchor-lowercase-label" | "components.date-picker.range-start-lowercase-label" | "components.date-picker.range-end-lowercase-label" | "components.date-picker.in-range-lowercase-label" | "components.date-picker.date-selected-text" | "components.date-picker.range-anchor-text" | "components.date-picker.range-selected-text" | "components.date-picker.range-blocked-text", vars?: Record<string, string | number>): string;
+    _t(key: "components.date-picker.view-previous-month-action" | "components.date-picker.view-next-month-action" | "components.date-picker.view-today-action" | "components.date-picker.choose-month-action" | "components.date-picker.choose-year-action" | "components.date-picker.january-lowercase" | "components.date-picker.january-capitalize" | "components.date-picker.february-lowercase" | "components.date-picker.february-capitalize" | "components.date-picker.march-lowercase" | "components.date-picker.march-capitalize" | "components.date-picker.april-lowercase" | "components.date-picker.april-capitalize" | "components.date-picker.may-lowercase" | "components.date-picker.may-capitalize" | "components.date-picker.june-lowercase" | "components.date-picker.june-capitalize" | "components.date-picker.july-lowercase" | "components.date-picker.july-capitalize" | "components.date-picker.august-lowercase" | "components.date-picker.august-capitalize" | "components.date-picker.september-lowercase" | "components.date-picker.september-capitalize" | "components.date-picker.october-lowercase" | "components.date-picker.october-capitalize" | "components.date-picker.november-lowercase" | "components.date-picker.november-capitalize" | "components.date-picker.december-lowercase" | "components.date-picker.december-capitalize" | "components.date-picker.sunday-lowercase" | "components.date-picker.monday-lowercase" | "components.date-picker.tuesday-lowercase" | "components.date-picker.wednesday-lowercase" | "components.date-picker.thursday-lowercase" | "components.date-picker.friday-lowercase" | "components.date-picker.saturday-lowercase" | "components.date-picker.sunday-short-lowercase" | "components.date-picker.monday-short-lowercase" | "components.date-picker.tuesday-short-lowercase" | "components.date-picker.wednesday-short-lowercase" | "components.date-picker.thursday-short-lowercase" | "components.date-picker.friday-short-lowercase" | "components.date-picker.saturday-short-lowercase" | "components.date-picker.week-number-column-label" | "components.date-picker.week-number-column-short-label" | "components.date-picker.week-number-label" | "components.date-picker.date-label" | "components.date-picker.today-lowercase" | "components.date-picker.unavailable-lowercase-label" | "components.date-picker.range-anchor-lowercase-label" | "components.date-picker.range-start-lowercase-label" | "components.date-picker.range-end-lowercase-label" | "components.date-picker.in-range-lowercase-label" | "components.date-picker.date-selected-text" | "components.date-picker.range-anchor-text" | "components.date-picker.range-selected-text" | "components.date-picker.range-blocked-text", vars?: Record<string, string | number>): string;
 }) & typeof LitElement;
 export declare class NLDDDatePicker extends NLDDDatePicker_base {
     static styles: import("lit").CSSResult;
@@ -115,6 +116,7 @@ export declare class NLDDDatePicker extends NLDDDatePicker_base {
     /** Pointer preview of the range being drawn. Visual only - never announced. */
     _hover: string;
     _announcement: string;
+    _monthMenuOpen: boolean;
     _yearMenuOpen: boolean;
     /**
      * Stacked layout: the paging controls move below the grid and grow to md. Not
@@ -130,7 +132,9 @@ export declare class NLDDDatePicker extends NLDDDatePicker_base {
     _stacked: boolean;
     private _stackedQuery?;
     private _handleStackedChange;
+    _handleMonthMenuToggle(e: Event): Promise<void>;
     _handleYearMenuToggle(e: Event): Promise<void>;
+    private _openMenuOnSelection;
     /** Set when the keyboard moved focus, so only then is focus pulled to a cell. */
     private _restoreFocus;
     connectedCallback(): void;
@@ -173,19 +177,36 @@ export declare class NLDDDatePicker extends NLDDDatePicker_base {
     _weekNumber(week: string[]): number;
     get _viewYear(): number;
     get _viewMonth(): number;
+    /**
+     * Months offered in the title menu, bounded by min and max the way the year
+     * list is. Without this the menu lists twelve months while a bound quietly
+     * clamps eleven of them back to the one you were already on.
+     *
+     * The arrows page the view past a bound (only the focused day is clamped), so
+     * the month on screen is not necessarily one you can choose. It is left out
+     * when it falls outside, and the menu then shows no selection - which is the
+     * truth: you are looking at a month this calendar will not accept.
+     */
+    get _months(): number[];
     /**
      * Years offered in the title menu. Bounded by min and max where they are set,
      * because those already say which years can be reached; without them a window
      * wide enough for a birthdate on one side and for planning on the other.
      */
     get _years(): number[];
+    _handleMonthSelect(month: number): void;
     _handleYearSelect(year: number): void;
+    /**
+     * Radio items keep their menu open, which is right when you are ticking
+     * several - but here one month or one year is the whole answer.
+     */
+    private _closeMenu;
     /**
      * Dutch writes month names in lower case, so the capital here is the ordinary
      * sentence-initial one of a heading, not a proper noun. The translation itself
      * stays lower case because it is reused mid-sentence in the day labels.
      */
-    get _title(): string;
+    get _monthLabel(): string;
     _isSelected(iso: string): boolean;
     /**
      * How the range band runs through this day. Derived from one span so the

package/dist/components/inputs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/date-picker/date-picker.i18n.d.ts

@@ -6,6 +6,7 @@ export declare const nlddDatePickerTranslations: {
     'components.date-picker.view-previous-month-action': string;
     'components.date-picker.view-next-month-action': string;
     'components.date-picker.view-today-action': string;
+    'components.date-picker.choose-month-action': string;
     'components.date-picker.choose-year-action': string;
     'components.date-picker.january-lowercase': string;
     'components.date-picker.january-capitalize': string;

package/dist/components/inputs/date-picker/date-picker.i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.i18n.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,eAAO,MAAM,YAAY,yFAA0F,CAAC;AAEpH,kDAAkD;AAClD,eAAO,MAAM,UAAU,qIAAsI,CAAC;AAE9J,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFtC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}
+{"version":3,"file":"date-picker.i18n.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.i18n.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,eAAO,MAAM,YAAY,yFAA0F,CAAC;AAEpH,kDAAkD;AAClD,eAAO,MAAM,UAAU,qIAAsI,CAAC;AAE9J,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFtC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,OAAO,0BAA0B,CAAC"}

package/dist/components/inputs/date-picker/date-picker.i18n.js

@@ -7,6 +7,7 @@ export const nlddDatePickerTranslations = {
     'components.date-picker.view-previous-month-action': 'Vorige maand',
     'components.date-picker.view-next-month-action': 'Volgende maand',
     'components.date-picker.view-today-action': 'Vandaag',
+    'components.date-picker.choose-month-action': 'Kies een maand',
     'components.date-picker.choose-year-action': 'Kies een jaar',
     // Twee vormen, want de maandnaam staat zowel midden in een datumlabel
     // ("maandag 29 juni 2026") als los in de kop erboven. Welke vorm waar hoort is

package/dist/components/inputs/date-picker/date-picker.i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.i18n.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAU,CAAC;AAEpH,kDAAkD;AAClD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAU,CAAC;AAE9J,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,iDAAiD;IACjD,mDAAmD,EAAE,cAAc;IACnE,+CAA+C,EAAE,gBAAgB;IACjE,0CAA0C,EAAE,SAAS;IACrD,2CAA2C,EAAE,eAAe;IAE5D,sEAAsE;IACtE,+EAA+E;IAC/E,2EAA2E;IAC3E,0CAA0C,EAAE,SAAS;IACrD,2CAA2C,EAAE,SAAS;IACtD,2CAA2C,EAAE,UAAU;IACvD,4CAA4C,EAAE,UAAU;IACxD,wCAAwC,EAAE,OAAO;IACjD,yCAAyC,EAAE,OAAO;IAClD,wCAAwC,EAAE,OAAO;IACjD,yCAAyC,EAAE,OAAO;IAClD,sCAAsC,EAAE,KAAK;IAC7C,uCAAuC,EAAE,KAAK;IAC9C,uCAAuC,EAAE,MAAM;IAC/C,wCAAwC,EAAE,MAAM;IAChD,uCAAuC,EAAE,MAAM;IAC/C,wCAAwC,EAAE,MAAM;IAChD,yCAAyC,EAAE,UAAU;IACrD,0CAA0C,EAAE,UAAU;IACtD,4CAA4C,EAAE,WAAW;IACzD,6CAA6C,EAAE,WAAW;IAC1D,0CAA0C,EAAE,SAAS;IACrD,2CAA2C,EAAE,SAAS;IACtD,2CAA2C,EAAE,UAAU;IACvD,4CAA4C,EAAE,UAAU;IACxD,2CAA2C,EAAE,UAAU;IACvD,4CAA4C,EAAE,UAAU;IAExD,yCAAyC,EAAE,QAAQ;IACnD,yCAAyC,EAAE,SAAS;IACpD,0CAA0C,EAAE,SAAS;IACrD,4CAA4C,EAAE,UAAU;IACxD,2CAA2C,EAAE,WAAW;IACxD,yCAAyC,EAAE,SAAS;IACpD,2CAA2C,EAAE,UAAU;IAEvD,+CAA+C,EAAE,IAAI;IACrD,+CAA+C,EAAE,IAAI;IACrD,gDAAgD,EAAE,IAAI;IACtD,kDAAkD,EAAE,IAAI;IACxD,iDAAiD,EAAE,IAAI;IACvD,+CAA+C,EAAE,IAAI;IACrD,iDAAiD,EAAE,IAAI;IAEvD,0EAA0E;IAC1E,gBAAgB;IAChB,iDAAiD,EAAE,YAAY;IAC/D,uDAAuD,EAAE,IAAI;IAC7D,0CAA0C,EAAE,aAAa;IAEzD,oEAAoE;IACpE,wEAAwE;IACxE,0EAA0E;IAC1E,mCAAmC,EAAE,gCAAgC;IAErE,6EAA6E;IAC7E,0EAA0E;IAC1E,wCAAwC,EAAE,SAAS;IACnD,oDAAoD,EAAE,kBAAkB;IACxE,2EAA2E;IAC3E,6EAA6E;IAC7E,qDAAqD,EAAE,oCAAoC;IAC3F,oDAAoD,EAAE,sBAAsB;IAC5E,kDAAkD,EAAE,sBAAsB;IAC1E,iDAAiD,EAAE,eAAe;IAElE,wEAAwE;IACxE,gFAAgF;IAChF,0EAA0E;IAC1E,2CAA2C,EAAE,uBAAuB;IACpE,uEAAuE;IACvE,sDAAsD;IACtD,0CAA0C,EAAE,kEAAkE;IAC9G,4CAA4C,EAAE,yCAAyC;IACvF,2CAA2C,EAAE,uEAAuE;CACpH,CAAC"}
+{"version":3,"file":"date-picker.i18n.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.i18n.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAU,CAAC;AAEpH,kDAAkD;AAClD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,CAAU,CAAC;AAE9J,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,iDAAiD;IACjD,mDAAmD,EAAE,cAAc;IACnE,+CAA+C,EAAE,gBAAgB;IACjE,0CAA0C,EAAE,SAAS;IACrD,4CAA4C,EAAE,gBAAgB;IAC9D,2CAA2C,EAAE,eAAe;IAE5D,sEAAsE;IACtE,+EAA+E;IAC/E,2EAA2E;IAC3E,0CAA0C,EAAE,SAAS;IACrD,2CAA2C,EAAE,SAAS;IACtD,2CAA2C,EAAE,UAAU;IACvD,4CAA4C,EAAE,UAAU;IACxD,wCAAwC,EAAE,OAAO;IACjD,yCAAyC,EAAE,OAAO;IAClD,wCAAwC,EAAE,OAAO;IACjD,yCAAyC,EAAE,OAAO;IAClD,sCAAsC,EAAE,KAAK;IAC7C,uCAAuC,EAAE,KAAK;IAC9C,uCAAuC,EAAE,MAAM;IAC/C,wCAAwC,EAAE,MAAM;IAChD,uCAAuC,EAAE,MAAM;IAC/C,wCAAwC,EAAE,MAAM;IAChD,yCAAyC,EAAE,UAAU;IACrD,0CAA0C,EAAE,UAAU;IACtD,4CAA4C,EAAE,WAAW;IACzD,6CAA6C,EAAE,WAAW;IAC1D,0CAA0C,EAAE,SAAS;IACrD,2CAA2C,EAAE,SAAS;IACtD,2CAA2C,EAAE,UAAU;IACvD,4CAA4C,EAAE,UAAU;IACxD,2CAA2C,EAAE,UAAU;IACvD,4CAA4C,EAAE,UAAU;IAExD,yCAAyC,EAAE,QAAQ;IACnD,yCAAyC,EAAE,SAAS;IACpD,0CAA0C,EAAE,SAAS;IACrD,4CAA4C,EAAE,UAAU;IACxD,2CAA2C,EAAE,WAAW;IACxD,yCAAyC,EAAE,SAAS;IACpD,2CAA2C,EAAE,UAAU;IAEvD,+CAA+C,EAAE,IAAI;IACrD,+CAA+C,EAAE,IAAI;IACrD,gDAAgD,EAAE,IAAI;IACtD,kDAAkD,EAAE,IAAI;IACxD,iDAAiD,EAAE,IAAI;IACvD,+CAA+C,EAAE,IAAI;IACrD,iDAAiD,EAAE,IAAI;IAEvD,0EAA0E;IAC1E,gBAAgB;IAChB,iDAAiD,EAAE,YAAY;IAC/D,uDAAuD,EAAE,IAAI;IAC7D,0CAA0C,EAAE,aAAa;IAEzD,oEAAoE;IACpE,wEAAwE;IACxE,0EAA0E;IAC1E,mCAAmC,EAAE,gCAAgC;IAErE,6EAA6E;IAC7E,0EAA0E;IAC1E,wCAAwC,EAAE,SAAS;IACnD,oDAAoD,EAAE,kBAAkB;IACxE,2EAA2E;IAC3E,6EAA6E;IAC7E,qDAAqD,EAAE,oCAAoC;IAC3F,oDAAoD,EAAE,sBAAsB;IAC5E,kDAAkD,EAAE,sBAAsB;IAC1E,iDAAiD,EAAE,eAAe;IAElE,wEAAwE;IACxE,gFAAgF;IAChF,0EAA0E;IAC1E,2CAA2C,EAAE,uBAAuB;IACpE,uEAAuE;IACvE,sDAAsD;IACtD,0CAA0C,EAAE,kEAAkE;IAC9G,4CAA4C,EAAE,yCAAyC;IACvF,2CAA2C,EAAE,uEAAuE;CACpH,CAAC"}

package/dist/components/inputs/date-picker/date-picker.js

@@ -105,6 +105,14 @@ function withYear(iso, year) {
     const lastDay = new Date(Date.UTC(year, month, 0)).getUTCDate();
     return toIso(year, month, Math.min(day, lastDay)) ?? iso;
 }
+function withMonth(iso, month) {
+    const year = Number(iso.slice(0, 4));
+    const day = Number(iso.slice(8, 10));
+    // 31 January to February keeps the day it can reach, the same way withYear
+    // handles 29 February in a common year.
+    const lastDay = new Date(Date.UTC(year, month, 0)).getUTCDate();
+    return toIso(year, month, Math.min(day, lastDay)) ?? iso;
+}
 function clampIso(iso, min, max) {
     if (min && iso < min)
         return min;
@@ -135,6 +143,7 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
         /** Pointer preview of the range being drawn. Visual only - never announced. */
         this._hover = '';
         this._announcement = '';
+        this._monthMenuOpen = false;
         this._yearMenuOpen = false;
         /**
          * Stacked layout: the paging controls move below the grid and grow to md. Not
@@ -189,19 +198,27 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
             this._commitRange(origin, iso);
         };
     }
+    async _handleMonthMenuToggle(e) {
+        this._monthMenuOpen = e.newState === 'open';
+        if (this._monthMenuOpen)
+            await this._openMenuOnSelection('.date-picker__month-menu');
+    }
     async _handleYearMenuToggle(e) {
         this._yearMenuOpen = e.newState === 'open';
-        if (!this._yearMenuOpen)
-            return;
+        if (this._yearMenuOpen)
+            await this._openMenuOnSelection('.date-picker__year-menu');
+    }
+    async _openMenuOnSelection(selector) {
         // The menu sets its own focus after its update resolves, so waiting for that
         // first is what keeps it from overwriting the line below.
-        const menu = this.shadowRoot?.querySelector('nldd-menu');
+        const menu = this.shadowRoot?.querySelector(selector);
         await menu?.updateComplete;
-        // The list runs to a hundred years or more, and the menu starts on its first
-        // item - so an arrow key walks a century back from the year you are actually
-        // looking at. Move to the year in view instead, and scroll it into sight.
+        // The year list runs to a hundred years or more, and the menu starts on its
+        // first item - so an arrow key walks a century back from the year you are
+        // actually looking at. Move to the entry in view instead, and scroll it into
+        // sight. The month list is shorter but wants the same behaviour.
         const focusSelected = () => {
-            const selected = this.shadowRoot?.querySelector('nldd-menu-item[selected]');
+            const selected = menu?.querySelector('nldd-menu-item[selected]');
             if (!selected || this.shadowRoot?.activeElement === selected)
                 return;
             // Both of these scroll every scrollable ancestor by default, and the page
@@ -271,9 +288,11 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
         // link to the anchor component - nldd-button sets that up via `expandable` -
         // which a plain button does not do, so without this the title never opens
         // anything.
-        const menu = this.shadowRoot?.querySelector('nldd-menu');
-        const title = this.shadowRoot?.querySelector('.date-picker__title-button');
-        if (menu && title) {
+        for (const part of ['month', 'year']) {
+            const menu = this.shadowRoot?.querySelector(`.date-picker__${part}-menu`);
+            const title = this.shadowRoot?.querySelector(`.date-picker__title-${part}-button`);
+            if (!menu || !title)
+                continue;
             if (menu.anchorElement !== title)
                 menu.anchorElement = title;
             if (title.popoverTargetElement !== menu)
@@ -365,6 +384,32 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
     get _viewMonth() {
         return Number(this._view.slice(5, 7));
     }
+    /**
+     * Months offered in the title menu, bounded by min and max the way the year
+     * list is. Without this the menu lists twelve months while a bound quietly
+     * clamps eleven of them back to the one you were already on.
+     *
+     * The arrows page the view past a bound (only the focused day is clamped), so
+     * the month on screen is not necessarily one you can choose. It is left out
+     * when it falls outside, and the menu then shows no selection - which is the
+     * truth: you are looking at a month this calendar will not accept.
+     */
+    get _months() {
+        const minYear = this._min ? Number(this._min.slice(0, 4)) : null;
+        const maxYear = this._max ? Number(this._max.slice(0, 4)) : null;
+        // Paged a whole year past a bound: no month of this view year is
+        // choosable, so there is nothing to offer. Comparing only the month
+        // numbers here would fall back to all twelve, one falsely selected.
+        if (minYear !== null && this._viewYear < minYear)
+            return [];
+        if (maxYear !== null && this._viewYear > maxYear)
+            return [];
+        const first = minYear === this._viewYear ? Number(this._min.slice(5, 7)) : 1;
+        const last = maxYear === this._viewYear ? Number(this._max.slice(5, 7)) : 12;
+        if (last < first)
+            return [];
+        return Array.from({ length: last - first + 1 }, (_, i) => first + i);
+    }
     /**
      * Years offered in the title menu. Bounded by min and max where they are set,
      * because those already say which years can be reached; without them a window
@@ -372,21 +417,33 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
      */
     get _years() {
         const current = Number(todayIso().slice(0, 4));
-        let first = this._min ? Number(this._min.slice(0, 4)) : current - 120;
-        let last = this._max ? Number(this._max.slice(0, 4)) : current + 20;
-        // The year on screen must always be in the list, or the menu would show no
-        // selection at all after paging past the edge of the window.
-        first = Math.min(first, this._viewYear);
-        last = Math.max(last, this._viewYear);
+        // A bound is a hard edge and stays where it is. The default window is an
+        // arbitrary one, so it stretches to whatever year the arrows reached rather
+        // than leaving the menu without a selection.
+        const first = this._min ? Number(this._min.slice(0, 4)) : Math.min(current - 120, this._viewYear);
+        const last = this._max ? Number(this._max.slice(0, 4)) : Math.max(current + 20, this._viewYear);
+        if (last < first)
+            return [];
         return Array.from({ length: last - first + 1 }, (_, i) => first + i);
     }
+    _handleMonthSelect(month) {
+        this._view = firstOfMonth(clampIso(withMonth(this._view, month), this._min, this._max));
+        this._focused = clampIso(withMonth(this._focused, month), this._min, this._max);
+        this._restoreFocus = Boolean(this._focusedCell());
+        this._closeMenu('.date-picker__month-menu');
+    }
     _handleYearSelect(year) {
         this._view = firstOfMonth(clampIso(withYear(this._view, year), this._min, this._max));
         this._focused = clampIso(withYear(this._focused, year), this._min, this._max);
         this._restoreFocus = Boolean(this._focusedCell());
-        // Radio items keep their menu open, which is right when you are ticking
-        // several - but here one year is the whole answer.
-        const menu = this.shadowRoot?.querySelector('nldd-menu');
+        this._closeMenu('.date-picker__year-menu');
+    }
+    /**
+     * Radio items keep their menu open, which is right when you are ticking
+     * several - but here one month or one year is the whole answer.
+     */
+    _closeMenu(selector) {
+        const menu = this.shadowRoot?.querySelector(selector);
         if (menu?.matches(':popover-open'))
             menu.hidePopover?.();
     }
@@ -395,9 +452,8 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
      * sentence-initial one of a heading, not a proper noun. The translation itself
      * stays lower case because it is reused mid-sentence in the day labels.
      */
-    get _title() {
-        const month = this._t(`components.date-picker.${MONTH_KEYS[this._viewMonth - 1]}-capitalize`);
-        return `${month} ${this._viewYear}`;
+    get _monthLabel() {
+        return this._t(`components.date-picker.${MONTH_KEYS[this._viewMonth - 1]}-capitalize`);
     }
     // — Cell state ———————————————————————————————————————————————————————————
     _isSelected(iso) {
@@ -493,10 +549,12 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
         const next = addMonths(this._view, months);
         this._view = next;
         // Keep the roving tabindex on an equivalent day in the new month so the
-        // keyboard does not jump back to the 1st on every month change.
+        // keyboard does not jump back to the 1st on every month change. Only the
+        // tabindex: focus stays on the arrow that was activated, so paging twice
+        // is pressing the same control twice. Keyboard paging from inside the
+        // grid (PageUp/PageDown) runs through _moveFocus, which does re-focus.
         const day = Math.min(Number(this._focused.slice(8, 10)), Number(lastOfMonth(next).slice(8, 10)));
         this._focused = clampIso(`${next.slice(0, 7)}-${String(day).padStart(2, '0')}`, this._min, this._max);
-        this._restoreFocus = Boolean(this._focusedCell());
     }
     _moveFocus(iso) {
         const target = clampIso(iso, this._min, this._max);
@@ -700,7 +758,6 @@ let NLDDDatePicker = class NLDDDatePicker extends withTranslations(LitElement, n
         const today = todayIso();
         this._view = firstOfMonth(today);
         this._focused = today;
-        this._restoreFocus = Boolean(this._focusedCell());
     }
     render() {
         return datePickerTemplate(this);
@@ -755,6 +812,9 @@ __decorate([
 __decorate([
     state()
 ], NLDDDatePicker.prototype, "_announcement", void 0);
+__decorate([
+    state()
+], NLDDDatePicker.prototype, "_monthMenuOpen", void 0);
 __decorate([
     state()
 ], NLDDDatePicker.prototype, "_yearMenuOpen", void 0);