@nldd/design-system 0.8.69 → 0.8.71

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

@@ -0,0 +1,271 @@
+/**
+ * NLDD Design System Datumkiezer Component (Lit + TypeScript)
+ *
+ * Een kalender waarin een datum of een periode wordt gekozen. Het component is
+ * zelfstandig bruikbaar - inline op een pagina, in een filterpaneel - en zit ook
+ * in de popover van nldd-date-field.
+ *
+ * Waarden zijn altijd ISO (jjjj-mm-dd). Met `range` kiest de gebruiker in twee
+ * stappen een begin- en einddatum.
+ *
+ * @element nldd-date-picker
+ *
+ * @attr {string} value - De gekozen datum als ISO (jjjj-mm-dd). Alleen zonder `range`.
+ * @attr {string} start - Begin van de periode als ISO. Alleen met `range`.
+ * @attr {string} end - Einde van de periode als ISO. Alleen met `range`.
+ * @attr {boolean} range - Kies een periode in plaats van één datum.
+ * @attr {string} min - Vroegst toegestane datum: ISO, of `today` met een verschuiving (`today-18y`).
+ * @attr {string} max - Laatst toegestane datum: ISO, of `today` met een verschuiving (`today+1y`).
+ * @attr {number} first-day-of-week - Eerste dag van de week, 0 is zondag. Standaard 1 (maandag).
+ * @attr {boolean} week-numbers - Toont ISO-weeknummers in een kolom links.
+ * @attr {string} width - Breedte: `full` (vult de container) of een CSS-lengte (bv. `560px`). Leeg (standaard) is de intrinsieke breedte van zeven dagcellen; de cellen rekken mee met de opgegeven breedte.
+ * @attr {string} accessible-label - Toegankelijke naam van de kalender.
+ * @attr {object} translations - Vertalingen; niet opgegeven sleutels vallen terug op het Nederlands.
+ *
+ * @prop {(iso: string) => boolean} isDateUnavailable - Markeert losse datums als niet kiesbaar, bijvoorbeeld weekenden of feestdagen.
+ *
+ * @fires change - Wanneer een datum of een volledige periode is gekozen. detail: { value } of { start, end }.
+ * @fires input - Ook bij de tussenstap van een periode, wanneer alleen de begindatum staat.
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import './../../actions/icon-button/icon-button.js';
+import './../../actions/button/button.js';
+declare const NLDDDatePicker_base: (abstract new (...args: any[]) => LitElement & {
+    translations: Partial<{
+        '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-year-action': string;
+        'components.date-picker.january-lowercase': string;
+        'components.date-picker.january-capitalize': string;
+        'components.date-picker.february-lowercase': string;
+        'components.date-picker.february-capitalize': string;
+        'components.date-picker.march-lowercase': string;
+        'components.date-picker.march-capitalize': string;
+        'components.date-picker.april-lowercase': string;
+        'components.date-picker.april-capitalize': string;
+        'components.date-picker.may-lowercase': string;
+        'components.date-picker.may-capitalize': string;
+        'components.date-picker.june-lowercase': string;
+        'components.date-picker.june-capitalize': string;
+        'components.date-picker.july-lowercase': string;
+        'components.date-picker.july-capitalize': string;
+        'components.date-picker.august-lowercase': string;
+        'components.date-picker.august-capitalize': string;
+        'components.date-picker.september-lowercase': string;
+        'components.date-picker.september-capitalize': string;
+        'components.date-picker.october-lowercase': string;
+        'components.date-picker.october-capitalize': string;
+        'components.date-picker.november-lowercase': string;
+        'components.date-picker.november-capitalize': string;
+        'components.date-picker.december-lowercase': string;
+        'components.date-picker.december-capitalize': string;
+        'components.date-picker.sunday-lowercase': string;
+        'components.date-picker.monday-lowercase': string;
+        'components.date-picker.tuesday-lowercase': string;
+        'components.date-picker.wednesday-lowercase': string;
+        'components.date-picker.thursday-lowercase': string;
+        'components.date-picker.friday-lowercase': string;
+        'components.date-picker.saturday-lowercase': string;
+        'components.date-picker.sunday-short-lowercase': string;
+        'components.date-picker.monday-short-lowercase': string;
+        'components.date-picker.tuesday-short-lowercase': string;
+        'components.date-picker.wednesday-short-lowercase': string;
+        'components.date-picker.thursday-short-lowercase': string;
+        'components.date-picker.friday-short-lowercase': string;
+        'components.date-picker.saturday-short-lowercase': string;
+        'components.date-picker.week-number-column-label': string;
+        'components.date-picker.week-number-column-short-label': string;
+        'components.date-picker.week-number-label': string;
+        'components.date-picker.date-label': string;
+        'components.date-picker.today-lowercase': string;
+        'components.date-picker.unavailable-lowercase-label': string;
+        'components.date-picker.range-anchor-lowercase-label': string;
+        'components.date-picker.range-start-lowercase-label': string;
+        'components.date-picker.range-end-lowercase-label': string;
+        'components.date-picker.in-range-lowercase-label': string;
+        'components.date-picker.date-selected-text': string;
+        'components.date-picker.range-anchor-text': string;
+        '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;
+}) & typeof LitElement;
+export declare class NLDDDatePicker extends NLDDDatePicker_base {
+    static styles: import("lit").CSSResult;
+    value: string;
+    start: string;
+    end: string;
+    /** Breedte: 'full' of een CSS-lengte; leeg is de intrinsieke zeven-cellen-breedte. */
+    width: string;
+    range: boolean;
+    min: string;
+    max: string;
+    firstDayOfWeek: number;
+    weekNumbers: boolean;
+    accessibleLabel: string;
+    /** Marks individual dates as unselectable - weekends, holidays, dates already booked. */
+    isDateUnavailable?: (iso: string) => boolean;
+    /** The date carrying the roving tabindex. */
+    _focused: string;
+    /** First of the displayed month. */
+    _view: string;
+    /** During a range selection: the date the user picked first. */
+    _anchor: string;
+    /** Pointer preview of the range being drawn. Visual only - never announced. */
+    _hover: string;
+    _announcement: string;
+    _yearMenuOpen: boolean;
+    /**
+     * Stacked layout: the paging controls move below the grid and grow to md. Not
+     * compact: everything gets roomier, tuned for fingers and narrow viewports.
+     * Driven from JS rather than a media query because the two layouts are not the
+     * same buttons in another place - side by side they are one bar, below they
+     * split into "Vandaag" on the left and the month arrows on the right, and CSS
+     * cannot regroup a component's children.
+     *
+     * Coarse pointers count too, not just narrow screens: a touch tablet has room
+     * for the wide layout but the same need for larger targets.
+     */
+    _stacked: boolean;
+    private _stackedQuery?;
+    private _handleStackedChange;
+    _handleYearMenuToggle(e: Event): Promise<void>;
+    /** Set when the keyboard moved focus, so only then is focus pulled to a cell. */
+    private _restoreFocus;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    updated(changed: PropertyValues): void;
+    private _focusedCell;
+    /**
+     * Focus lands on the day carrying the roving tabindex - the chosen date, or
+     * today when there is none. Without this an overlay that focuses the calendar
+     * would land on its host, which forwards nowhere, leaving the arrow keys dead
+     * until the user has tabbed into the grid themselves.
+     */
+    focus(options?: FocusOptions): void;
+    private _initialFocus;
+    get _min(): string;
+    get _max(): string;
+    /** Out of bounds means unreachable; unavailable means visible but not selectable. */
+    _isOutOfBounds(iso: string): boolean;
+    _isUnavailable(iso: string): boolean;
+    /** Weekday numbers in display order, honouring first-day-of-week. */
+    get _weekdays(): number[];
+    /**
+     * Six weeks of real dates, including the days either side of the month. Those
+     * neighbors are selectable and jump the calendar to their own month, which
+     * beats paging for a date a few days over the boundary. Every cell announces
+     * its full date, so a 1st from the next month can never be mistaken for this
+     * one.
+     *
+     * Always six rows: a month that needs five would otherwise resize the calendar
+     * as you page through it, which in a popover moves everything below it.
+     */
+    get _weeks(): string[][];
+    _isOutsideMonth(iso: string): boolean;
+    /**
+     * The ISO week of the row, taken from its Thursday. ISO weeks are anchored on
+     * Thursday, so reading it off any other day would give the wrong number for
+     * rows that do not start on Monday.
+     */
+    _weekNumber(week: string[]): number;
+    get _viewYear(): number;
+    get _viewMonth(): 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[];
+    _handleYearSelect(year: number): void;
+    /**
+     * 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;
+    _isSelected(iso: string): boolean;
+    /**
+     * How the range band runs through this day. Derived from one span so the
+     * pointer preview and a committed period draw identically, and so the band
+     * stops at the middle of the first and last day instead of filling their whole
+     * cell - the fill marks the end, the band only connects the days between.
+     */
+    _bandFor(iso: string): 'none' | 'full' | 'start' | 'end';
+    /** Strictly between the ends, including the pointer preview while drawing. */
+    _isInRange(iso: string): boolean;
+    private _previewSpan;
+    _isToday(iso: string): boolean;
+    /**
+     * Alleen de datum, zonder de aanduidingen die aan een cel hangen. De
+     * aankondigingen gebruiken deze: die van het hele cellabel maakte er
+     * "vrijdag 10 juli 2026, begin van de periode tot en met ..." van, waarin de
+     * celstatus midden in de zin belandt.
+     */
+    _dateText(iso: string): string;
+    _dayLabel(iso: string): string;
+    _shiftView(months: number): void;
+    private _moveFocus;
+    _handleKeydown(e: KeyboardEvent): void;
+    _handleDayClick(iso: string): void;
+    _handleDayHover(iso: string): void;
+    /**
+     * A day focused by pointer should not show a ring. Browsers treat programmatic
+     * focus as focus-visible, and opening the calendar with the mouse focuses a day,
+     * so the ring would appear without anyone using the keyboard. Arrow keys switch
+     * the modality back, so navigating reveals it again.
+     *
+     * If this never runs the class is simply absent and the ring shows - the
+     * accessible outcome is the default.
+     */
+    /** Set by keyboard navigation; consumed by the focus it causes. */
+    private _focusFromKeyboard;
+    _handleDayFocusIn(e: FocusEvent): void;
+    _handleDayFocusOut(e: FocusEvent): void;
+    _handleGridLeave(): void;
+    /** Where the pointer went down; empty when no drag is in progress. */
+    private _dragOrigin;
+    /** Set once the pointer has actually moved to another day. */
+    private _dragged;
+    private _suppressClick;
+    /**
+     * Dragging is for pointer devices only. On touch a horizontal drag across a
+     * calendar is indistinguishable from scrolling the page, and taking the
+     * gesture would leave a sheet you cannot scroll. Tapping twice still works
+     * everywhere, so nothing is lost.
+     */
+    _handleDayPointerDown(iso: string, e: PointerEvent): void;
+    _handleGridPointerMove(e: PointerEvent): void;
+    private _dayUnderPointer;
+    private _onDocumentPointerUp;
+    private _select;
+    /** Any blocked day between two ends, inclusive. The endpoints are checked
+     *  before we get here; this is the interior the endpoint checks miss. */
+    private _rangeHasUnavailable;
+    private _commitRange;
+    private _beginRange;
+    private _announce;
+    private _emit;
+    /**
+     * Whether today can be reached at all. Outside the bounds the button is a lie:
+     * it would clamp to the nearest allowed date, so on a birthdate calendar
+     * "Vandaag" would quietly jump eighteen years back.
+     */
+    get _todayReachable(): boolean;
+    /**
+     * Jumps the calendar back to the current month without choosing anything.
+     * Navigation and selection are kept apart: someone who paged away to look
+     * around wants a way back, not a date they did not ask for.
+     */
+    _handleToday(): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-date-picker': NLDDDatePicker;
+    }
+}
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,64 @@
+/** Index volgt Date#getUTCDay: 0 is zondag. */
+export declare const WEEKDAY_KEYS: readonly ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
+/** Index volgt Date#getUTCMonth: 0 is januari. */
+export declare const MONTH_KEYS: readonly ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
+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-year-action': string;
+    'components.date-picker.january-lowercase': string;
+    'components.date-picker.january-capitalize': string;
+    'components.date-picker.february-lowercase': string;
+    'components.date-picker.february-capitalize': string;
+    'components.date-picker.march-lowercase': string;
+    'components.date-picker.march-capitalize': string;
+    'components.date-picker.april-lowercase': string;
+    'components.date-picker.april-capitalize': string;
+    'components.date-picker.may-lowercase': string;
+    'components.date-picker.may-capitalize': string;
+    'components.date-picker.june-lowercase': string;
+    'components.date-picker.june-capitalize': string;
+    'components.date-picker.july-lowercase': string;
+    'components.date-picker.july-capitalize': string;
+    'components.date-picker.august-lowercase': string;
+    'components.date-picker.august-capitalize': string;
+    'components.date-picker.september-lowercase': string;
+    'components.date-picker.september-capitalize': string;
+    'components.date-picker.october-lowercase': string;
+    'components.date-picker.october-capitalize': string;
+    'components.date-picker.november-lowercase': string;
+    'components.date-picker.november-capitalize': string;
+    'components.date-picker.december-lowercase': string;
+    'components.date-picker.december-capitalize': string;
+    'components.date-picker.sunday-lowercase': string;
+    'components.date-picker.monday-lowercase': string;
+    'components.date-picker.tuesday-lowercase': string;
+    'components.date-picker.wednesday-lowercase': string;
+    'components.date-picker.thursday-lowercase': string;
+    'components.date-picker.friday-lowercase': string;
+    'components.date-picker.saturday-lowercase': string;
+    'components.date-picker.sunday-short-lowercase': string;
+    'components.date-picker.monday-short-lowercase': string;
+    'components.date-picker.tuesday-short-lowercase': string;
+    'components.date-picker.wednesday-short-lowercase': string;
+    'components.date-picker.thursday-short-lowercase': string;
+    'components.date-picker.friday-short-lowercase': string;
+    'components.date-picker.saturday-short-lowercase': string;
+    'components.date-picker.week-number-column-label': string;
+    'components.date-picker.week-number-column-short-label': string;
+    'components.date-picker.week-number-label': string;
+    'components.date-picker.date-label': string;
+    'components.date-picker.today-lowercase': string;
+    'components.date-picker.unavailable-lowercase-label': string;
+    'components.date-picker.range-anchor-lowercase-label': string;
+    'components.date-picker.range-start-lowercase-label': string;
+    'components.date-picker.range-end-lowercase-label': string;
+    'components.date-picker.in-range-lowercase-label': string;
+    'components.date-picker.date-selected-text': string;
+    'components.date-picker.range-anchor-text': string;
+    'components.date-picker.range-selected-text': string;
+    'components.date-picker.range-blocked-text': string;
+};
+export type NLDDDatePickerTranslations = typeof nlddDatePickerTranslations;
+//# sourceMappingURL=date-picker.i18n.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,81 @@
+/** Index volgt Date#getUTCDay: 0 is zondag. */
+export const WEEKDAY_KEYS = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
+/** Index volgt Date#getUTCMonth: 0 is januari. */
+export const MONTH_KEYS = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'];
+export const nlddDatePickerTranslations = {
+    // Verplaatsen de weergave; ze kiezen geen datum.
+    '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-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
+    // per taal anders, dus dat hoort de vertaler te bepalen en niet de opmaak.
+    'components.date-picker.january-lowercase': 'januari',
+    'components.date-picker.january-capitalize': 'Januari',
+    'components.date-picker.february-lowercase': 'februari',
+    'components.date-picker.february-capitalize': 'Februari',
+    'components.date-picker.march-lowercase': 'maart',
+    'components.date-picker.march-capitalize': 'Maart',
+    'components.date-picker.april-lowercase': 'april',
+    'components.date-picker.april-capitalize': 'April',
+    'components.date-picker.may-lowercase': 'mei',
+    'components.date-picker.may-capitalize': 'Mei',
+    'components.date-picker.june-lowercase': 'juni',
+    'components.date-picker.june-capitalize': 'Juni',
+    'components.date-picker.july-lowercase': 'juli',
+    'components.date-picker.july-capitalize': 'Juli',
+    'components.date-picker.august-lowercase': 'augustus',
+    'components.date-picker.august-capitalize': 'Augustus',
+    'components.date-picker.september-lowercase': 'september',
+    'components.date-picker.september-capitalize': 'September',
+    'components.date-picker.october-lowercase': 'oktober',
+    'components.date-picker.october-capitalize': 'Oktober',
+    'components.date-picker.november-lowercase': 'november',
+    'components.date-picker.november-capitalize': 'November',
+    'components.date-picker.december-lowercase': 'december',
+    'components.date-picker.december-capitalize': 'December',
+    'components.date-picker.sunday-lowercase': 'zondag',
+    'components.date-picker.monday-lowercase': 'maandag',
+    'components.date-picker.tuesday-lowercase': 'dinsdag',
+    'components.date-picker.wednesday-lowercase': 'woensdag',
+    'components.date-picker.thursday-lowercase': 'donderdag',
+    'components.date-picker.friday-lowercase': 'vrijdag',
+    'components.date-picker.saturday-lowercase': 'zaterdag',
+    'components.date-picker.sunday-short-lowercase': 'zo',
+    'components.date-picker.monday-short-lowercase': 'ma',
+    'components.date-picker.tuesday-short-lowercase': 'di',
+    'components.date-picker.wednesday-short-lowercase': 'wo',
+    'components.date-picker.thursday-short-lowercase': 'do',
+    'components.date-picker.friday-short-lowercase': 'vr',
+    'components.date-picker.saturday-short-lowercase': 'za',
+    // De korte vorm staat in de kolomkop, de volledige gaat als abbr mee voor
+    // schermlezers.
+    'components.date-picker.week-number-column-label': 'Weeknummer',
+    'components.date-picker.week-number-column-short-label': 'wk',
+    'components.date-picker.week-number-label': 'Week {week}',
+    // De volledige toegankelijke naam van een cel; '31' alleen zegt een
+    // schermlezergebruiker niets over maand of weekdag. De weekdag komt als
+    // placeholder binnen, dus deze regel kan de hoofdletter niet zelf dragen.
+    'components.date-picker.date-label': '{weekday} {day} {month} {year}',
+    // Aanvullingen die achter een komma aan dat label worden geplakt ("... 2026,
+    // vandaag, in de periode"). Ze staan nooit op zichzelf, dus altijd klein.
+    'components.date-picker.today-lowercase': 'vandaag',
+    'components.date-picker.unavailable-lowercase-label': 'niet beschikbaar',
+    // Zolang alleen de eerste datum vaststaat is nog niet te zeggen of het het
+    // begin of het einde wordt, dus zegt het label alleen dat er een keuze ligt.
+    'components.date-picker.range-anchor-lowercase-label': 'gekozen, periode nog niet compleet',
+    'components.date-picker.range-start-lowercase-label': 'begin van de periode',
+    'components.date-picker.range-end-lowercase-label': 'einde van de periode',
+    'components.date-picker.in-range-lowercase-label': 'in de periode',
+    // Zinnen in de live region, zoals components.list.drag-grabbed-text. Ze
+    // beginnen met een woord in plaats van met {date}, want die placeholder lost op
+    // naar een kleine letter ("maandag 20 juli 2026") en dan is het geen zin.
+    'components.date-picker.date-selected-text': 'Geselecteerd: {date}.',
+    // Niet "begindatum": een tweede keuze vóór deze datum maakt de periode
+    // terugwaarts, waardoor dit juist de einddatum wordt.
+    'components.date-picker.range-anchor-text': 'Geselecteerd: {date}. Kies nu een tweede datum, eerder of later.',
+    'components.date-picker.range-selected-text': 'Geselecteerd: {start} tot en met {end}.',
+    'components.date-picker.range-blocked-text': 'Die periode bevat een datum die niet beschikbaar is. Kies een andere.',
+};
+//# sourceMappingURL=date-picker.i18n.js.map

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

@@ -0,0 +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"}