@carbon-labs/wc-date-picker 0.12.0 → 0.15.0

package/es/components/date-picker/date-picker-input.d.ts

@@ -379,15 +379,20 @@ declare class CDSDatePickerInput extends CDSDatePickerInput_base {
      */
     protected _handleAILabelSlotChange({ target }: Event): void;
     /**
-     * The calendar icon.
+     * Handles `click` event on the calendar icon button.
+     * Dispatches a custom event and does NOT move focus to the text input,
+     * matching the React implementation where the icon is a separate button.
+     *
+     * @param {MouseEvent} event - The click event.
      */
-    private _iconNode;
+    private _handleIconButtonClick;
     /**
-     * Handles `click` event on the calendar icon.
-     *
-     * @param {MouseEvent} event - The event.
+     * Handles `click` event on `<input>` in the shadow DOM.
+     * Dispatches a custom event so the parent date picker can reopen the calendar
+     * when the input already has focus (clicking a focused input does not fire
+     * a new `focus` event, so a dedicated click event is required).
      */
-    private _handleClickWrapper;
+    private _handleInputClick;
     /**
      * Handles `input` event on `<input>` in the shadow DOM.
      *
@@ -408,7 +413,9 @@ declare class CDSDatePickerInput extends CDSDatePickerInput_base {
      */
     private _handleBlur;
     /**
-     * @returns The template for the the calendar icon.
+     * @returns The template for the calendar icon button.
+     * Rendered as a focusable-false button (tabindex="-1") so clicking it does
+     * not move focus to the text input — matching the React implementation.
      */
     private _renderIcon;
     /**
@@ -526,6 +533,10 @@ declare class CDSDatePickerInput extends CDSDatePickerInput_base {
      * A selector that will return the AI Label item.
      */
     static get aiLabelItem(): string;
+    /**
+     * The name of the custom event fired when the input is clicked.
+     */
+    static get inputClickEventName(): string;
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;

package/es/components/date-picker/date-picker-input.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from 'tslib';
 import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
-import { query, state, property } from 'lit/decorators.js';
+import { state, query, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { prefix } from '../../temp-imports/globals/settings.js';
 import FocusMixin from '../../temp-imports/globals/mixins/focus.js';
@@ -32,6 +32,21 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
          * `true` if there is an AI Label.
          */
         this._hasAILabel = false;
+        /**
+         * Handles `click` event on `<input>` in the shadow DOM.
+         * Dispatches a custom event so the parent date picker can reopen the calendar
+         * when the input already has focus (clicking a focused input does not fire
+         * a new `focus` event, so a dedicated click event is required).
+         */
+        this._handleInputClick = () => {
+            this.dispatchEvent(new CustomEvent(`${prefix}-date-picker-input-click`, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    inputType: this.kind || 'from',
+                },
+            }));
+        };
         /**
          * Handles `focus` event on `<input>` in the shadow DOM.
          *
@@ -134,19 +149,18 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
         this.requestUpdate();
     }
     /**
-     * Handles `click` event on the calendar icon.
+     * Handles `click` event on the calendar icon button.
+     * Dispatches a custom event and does NOT move focus to the text input,
+     * matching the React implementation where the icon is a separate button.
      *
-     * @param {MouseEvent} event - The event.
+     * @param {MouseEvent} event - The click event.
      */
-    _handleClickWrapper(event) {
-        if (event.target === this._iconNode) {
-            // Dispatch custom event for calendar icon click
-            this.dispatchEvent(new CustomEvent(`${prefix}-date-picker-icon-click`, {
-                bubbles: true,
-                composed: true,
-            }));
-            this.input.focus();
-        }
+    _handleIconButtonClick(event) {
+        event.stopPropagation();
+        this.dispatchEvent(new CustomEvent(`${prefix}-date-picker-icon-click`, {
+            bubbles: true,
+            composed: true,
+        }));
     }
     /**
      * Handles `input` event on `<input>` in the shadow DOM.
@@ -159,16 +173,23 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
         this.value = value;
     }
     /**
-     * @returns The template for the the calendar icon.
+     * @returns The template for the calendar icon button.
+     * Rendered as a focusable-false button (tabindex="-1") so clicking it does
+     * not move focus to the text input — matching the React implementation.
      */
     _renderIcon() {
-        return this.kind === DATE_PICKER_INPUT_KIND.SIMPLE
-            ? undefined
-            : iconLoader(Calendar16, {
-                class: `${prefix}--date-picker__icon`,
-                role: 'img',
-                title: 'Open calendar',
-            });
+        if (this.kind === DATE_PICKER_INPUT_KIND.SIMPLE) {
+            return undefined;
+        }
+        return html `<button
+      type="button"
+      class="${prefix}--date-picker__icon"
+      ?disabled="${this.disabled || this.readonly}"
+      aria-label="Open calendar"
+      tabindex="-1"
+      @click="${this._handleIconButtonClick}">
+      ${iconLoader(Calendar16, { focusable: 'false', 'aria-hidden': 'true' })}
+    </button>`;
     }
     /**
      * Handles `slotchange` event on the default `<slot>`.
@@ -191,7 +212,7 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
      */
     render() {
         const constructor = this.constructor;
-        const { disabled, _hasHelperText: hasHelperText, hideLabel, invalid, invalidText, labelText, pattern = constructor.defaultPattern, placeholder, readonly, size, type = constructor.defaultType, value, warn, warnText, _handleClickWrapper: handleClickWrapper, _handleInput: handleInput, _handleFocus: handleFocus, _handleBlur: handleBlur, _hasAILabel: hasAILabel, } = this;
+        const { disabled, _hasHelperText: hasHelperText, hideLabel, invalid, invalidText, labelText, pattern = constructor.defaultPattern, placeholder, readonly, size, type = constructor.defaultType, value, warn, warnText, _handleInput: handleInput, _handleFocus: handleFocus, _handleBlur: handleBlur, _handleInputClick: handleInputClick, _hasAILabel: hasAILabel, } = this;
         const invalidIcon = iconLoader(WarningFilled16, {
             class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`,
         });
@@ -241,7 +262,7 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
       <label for="input" class="${labelClasses}">
         <slot name="label-text">${labelText}</slot>
       </label>
-      <div class="${inputWrapperClasses}" @click="${handleClickWrapper}">
+      <div class="${inputWrapperClasses}">
         <span>
           <input
             id="input"
@@ -255,6 +276,7 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
             @input="${handleInput}"
             @focus="${handleFocus}"
             @blur="${handleBlur}"
+            @click="${handleInputClick}"
             ?readonly="${readonly}" />
           ${normalizedProps.icon || this._renderIcon()}
           <slot
@@ -311,6 +333,12 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
     static get aiLabelItem() {
         return `${prefix}-ai-label`;
     }
+    /**
+     * The name of the custom event fired when the input is clicked.
+     */
+    static get inputClickEventName() {
+        return `${prefix}-date-picker-input-click`;
+    }
 };
 /**
  * The default value for `pattern` property.
@@ -325,10 +353,6 @@ CDSDatePickerInput.shadowRootOptions = {
     delegatesFocus: true,
 };
 CDSDatePickerInput.styles = styles;
-__decorate([
-    query(`.${prefix}--date-picker__icon`),
-    __metadata("design:type", SVGElement)
-], CDSDatePickerInput.prototype, "_iconNode", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/es/components/date-picker/date-picker-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input.js","sources":["../../../../components/date-picker/date-picker-input.ts"],"sourcesContent":[null],"names":["DATE_PICKER_INPUT_COLOR_SCHEME","customElement"],"mappings":"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"}
+{"version":3,"file":"date-picker-input.js","sources":["../../../../components/date-picker/date-picker-input.ts"],"sourcesContent":[null],"names":["DATE_PICKER_INPUT_COLOR_SCHEME","customElement"],"mappings":"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"}

package/es/components/date-picker/date-picker.d.ts

@@ -748,10 +748,19 @@ declare class CDSDatePicker extends CDSDatePicker_base {
      * Click outside handler for closing calendar
      */
     private _clickOutsideHandler;
+    /**
+     * Pending input target for post-render focus restoration
+     */
+    private _pendingRestoreFocusTo;
     /**
      * Timestamp of when calendar was last closed via Tab key
      */
     private _lastTabCloseTime;
+    /**
+     * True while programmatic focus restoration is in progress after date
+     * selection. Prevents the INPUT_FOCUS handler from auto-reopening the calendar.
+     */
+    private _restoringFocus;
     /**
      * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.
      */
@@ -775,6 +784,15 @@ declare class CDSDatePicker extends CDSDatePicker_base {
      * @param {CustomEvent} event - The focus event
      */
     private _handleInputFocus;
+    /**
+     * Handles input click event from date-picker-input.
+     * When the input already has focus, clicking it does not fire a new focus
+     * event.  This handler ensures the calendar reopens on click even when focus
+     * is already on the input.
+     *
+     * @param {CustomEvent} event - The click event
+     */
+    private _handleInputClick;
     /**
      * Handles input blur event from date-picker-input
      *
@@ -893,10 +911,38 @@ declare class CDSDatePicker extends CDSDatePicker_base {
      */
     private _handleKeyDown;
     /**
-     * Find and focus the next tabbable element after the date picker
-     * @param {boolean} backwards - Whether to tab backwards (Shift+Tab)
+     * A ref to the exit sentinel element rendered at the bottom of the shadow root.
+     * It sits just after the calendar container in DOM order.  Normally it has
+     * tabindex="-1" so it is invisible to Tab.  When the user presses Tab from
+     * inside the calendar, _activateExitSentinel() sets it to tabindex="0" so
+     * the browser delivers the Tab keystroke to it naturally — no DOM scan needed.
+     * The focus handler then closes the calendar and restores tabindex="-1".
+     *
+     * Uses a CSS class rather than an id to avoid any document-level id concerns
+     * (shadow-DOM ids are already scoped, but a class is more conventional for
+     * internal Lit @query targets and matches the cds-- naming pattern used
+     * throughout this file).
+     *
+     * TODO (carbon monorepo migration): replace this hand-rolled sentinel with the
+     * upstream Carbon wrapFocus utility, which implements the same start/end sentinel
+     * pattern for focus trapping and exit.
+     * Upstream location: packages/react/src/internal/wrapFocus.ts (wrapFocus /
+     * wrapFocusWithoutSentinels exports).  Note that wrapFocus is designed to trap
+     * focus inside a container (modal pattern) rather than release it; the exit-only
+     * direction we need maps to the endTrapNode path in that utility.
+     */
+    private _exitSentinelNode;
+    /**
+     * Temporarily make the exit sentinel tabbable so the browser's native Tab
+     * handling delivers focus to it after the calendar.
      */
-    private _focusNextElement;
+    private _activateExitSentinel;
+    /**
+     * Handle focus arriving on the exit sentinel.
+     * Close the calendar, then immediately remove the sentinel from the tab order
+     * so that a subsequent Tab from outside the date picker skips it entirely.
+     */
+    private _handleExitSentinelFocus;
     /**
      * Lifecycle callback when element is connected
      */
@@ -975,6 +1021,10 @@ declare class CDSDatePicker extends CDSDatePicker_base {
      * The name of the custom event fired when an input loses focus.
      */
     static get eventInputBlur(): string;
+    /**
+     * The name of the custom event fired when an input is clicked.
+     */
+    static get eventInputClick(): string;
     static styles: any;
 }
 export default CDSDatePicker;

package/es/components/date-picker/date-picker.js

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from 'tslib';
 import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
+import { property, query } from 'lit/decorators.js';
 import { prefix } from '../../temp-imports/globals/settings.js';
 import FormMixin from '../../temp-imports/globals/mixins/form.js';
 import HostListenerMixin from '../../temp-imports/globals/mixins/host-listener.js';
@@ -57,10 +57,19 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
          * Click outside handler for closing calendar
          */
         this._clickOutsideHandler = null;
+        /**
+         * Pending input target for post-render focus restoration
+         */
+        this._pendingRestoreFocusTo = null;
         /**
          * Timestamp of when calendar was last closed via Tab key
          */
         this._lastTabCloseTime = 0;
+        /**
+         * True while programmatic focus restoration is in progress after date
+         * selection. Prevents the INPUT_FOCUS handler from auto-reopening the calendar.
+         */
+        this._restoringFocus = false;
         /**
          * Handles `${prefix}-date-picker-changed` event on this element.
          *
@@ -101,17 +110,29 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
             if (this._adapter && !this.disabled && !this.readonly) {
                 const { inputType } = event.detail || {};
                 this._adapter.send(DatePickerEvent.INPUT_FOCUS, { inputType });
-                // Don't auto-open calendar if we JUST closed it via Tab key (within 100ms)
-                // This prevents the immediate reopen when Tab moves focus to input,
-                // but allows normal opening after that brief window
+                // Don't auto-open calendar if focus was restored programmatically after
+                // date selection, or if it was JUST closed via Tab key (within 100ms).
                 const timeSinceTabClose = Date.now() - this._lastTabCloseTime;
-                const shouldSkipOpen = timeSinceTabClose < 100;
-                if (!shouldSkipOpen) {
-                    // Open calendar when input is focused (matching current Carbon behavior)
+                if (!this._restoringFocus && timeSinceTabClose >= 100) {
                     this._adapter.send(DatePickerEvent.CALENDAR_OPEN);
                 }
             }
         };
+        /**
+         * Handles input click event from date-picker-input.
+         * When the input already has focus, clicking it does not fire a new focus
+         * event.  This handler ensures the calendar reopens on click even when focus
+         * is already on the input.
+         *
+         * @param {CustomEvent} event - The click event
+         */
+        this._handleInputClick = (event) => {
+            if (this._adapter && !this.disabled && !this.readonly && !this.open) {
+                const { inputType } = event.detail || {};
+                this._adapter.send(DatePickerEvent.INPUT_FOCUS, { inputType });
+                this._adapter.send(DatePickerEvent.CALENDAR_OPEN);
+            }
+        };
         /**
          * Handles input blur event from date-picker-input
          *
@@ -233,6 +254,27 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
                     },
                 }));
             }
+            if (context.shouldRestoreFocus && context.restoreFocusTo) {
+                this._pendingRestoreFocusTo = context.restoreFocusTo;
+                this.updateComplete.then(() => {
+                    var _a, _b;
+                    const targetSelector = this._pendingRestoreFocusTo === 'to'
+                        ? this.constructor.selectorInputTo
+                        : this.constructor.selectorInputFrom;
+                    // @ts-expect-error - querySelector is available from HTMLElement
+                    const targetInput = this.querySelector(targetSelector);
+                    // Guard against the INPUT_FOCUS handler auto-reopening the calendar
+                    // when focus is restored programmatically after date selection.
+                    this._restoringFocus = true;
+                    (_a = targetInput === null || targetInput === void 0 ? void 0 : targetInput.input) === null || _a === void 0 ? void 0 : _a.focus();
+                    this._restoringFocus = false;
+                    (_b = this._adapter) === null || _b === void 0 ? void 0 : _b.updateContext({
+                        shouldRestoreFocus: false,
+                        restoreFocusTo: null,
+                    });
+                    this._pendingRestoreFocusTo = null;
+                });
+            }
         };
         /**
          * Handles calendar date selection
@@ -334,6 +376,20 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
                 const isFocusInCalendar = target === calendar ||
                     ((_b = target.closest) === null || _b === void 0 ? void 0 : _b.call(target, 'cds-date-picker-calendar')) !== null ||
                     composedPath.includes(calendar);
+                // Case 0: Tab FROM input while closed -> reopen calendar and keep focus on input
+                if (!this.open &&
+                    (isOnFirstInput || isOnSecondInput) &&
+                    !event.shiftKey) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this._lastTabCloseTime = 0;
+                    this._adapter.send(DatePickerEvent.INPUT_FOCUS, {
+                        inputType: isOnSecondInput ? 'to' : 'from',
+                    });
+                    this._adapter.send(DatePickerEvent.CALENDAR_OPEN);
+                    this.requestUpdate();
+                    return;
+                }
                 // Case 1: Tab FROM first input -> Focus calendar (if open)
                 if (this.open && isOnFirstInput && !event.shiftKey) {
                     event.preventDefault();
@@ -388,25 +444,25 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
                     }
                     return;
                 }
-                // Case 4: Tab FROM calendar -> Move to second input (range) or close (single)
+                // Case 4: Tab FROM calendar -> Move to second input (range) or exit via sentinel
                 if (this.open && isFocusInCalendar && !event.shiftKey) {
-                    event.preventDefault();
-                    // In range mode, check which input was last focused
+                    // In range mode, move to the second input first
                     if (this._mode === DATE_PICKER_MODE.RANGE) {
                         const context = (_l = this._adapter) === null || _l === void 0 ? void 0 : _l.getContext();
                         const lastFocused = context === null || context === void 0 ? void 0 : context.lastFocusedInput;
-                        // If we were on the first input, move to second input
                         if (lastFocused === 'from' && inputTo) {
+                            event.preventDefault();
                             (_m = inputTo.input) === null || _m === void 0 ? void 0 : _m.focus();
                             return;
                         }
                     }
-                    // Otherwise (single mode or after second input in range mode), close and move to next element
-                    // Record the time when calendar was closed via Tab
+                    // Single mode (or range after second input): activate the exit sentinel
+                    // so the browser delivers Tab to it naturally, then the sentinel's focus
+                    // handler closes the calendar and removes itself from the tab order.
+                    // No preventDefault — the browser handles the Tab traversal.
                     this._lastTabCloseTime = Date.now();
                     this._adapter.send(DatePickerEvent.TAB_KEY);
-                    // Find and focus the next tabbable element after this date picker
-                    this._focusNextElement(false);
+                    this._activateExitSentinel();
                     return;
                 }
             }
@@ -453,6 +509,24 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
                 return;
             }
         };
+        /**
+         * Handle focus arriving on the exit sentinel.
+         * Close the calendar, then immediately remove the sentinel from the tab order
+         * so that a subsequent Tab from outside the date picker skips it entirely.
+         */
+        this._handleExitSentinelFocus = () => {
+            var _a;
+            // Deactivate sentinel first so it is skipped on all future Tab presses.
+            if (this._exitSentinelNode) {
+                this._exitSentinelNode.tabIndex = -1;
+            }
+            // The TAB_KEY event was already sent in _handleKeyDown before the sentinel
+            // was activated; the calendar will already be closing / closed.
+            // Ensure the open flag is consistent.
+            if (this.open) {
+                (_a = this._adapter) === null || _a === void 0 ? void 0 : _a.send(DatePickerEvent.TAB_KEY);
+            }
+        };
     }
     /**
      * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.
@@ -583,6 +657,7 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
      * Releases the date picker state machine.
      */
     _releaseDatePicker() {
+        this._pendingRestoreFocusTo = null;
         if (this._adapter) {
             this._adapter.destroy();
             this._adapter = null;
@@ -607,41 +682,12 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
         this.requestUpdate('value', oldValue);
     }
     /**
-     * Find and focus the next tabbable element after the date picker
-     * @param {boolean} backwards - Whether to tab backwards (Shift+Tab)
+     * Temporarily make the exit sentinel tabbable so the browser's native Tab
+     * handling delivers focus to it after the calendar.
      */
-    _focusNextElement(backwards = false) {
-        // Get all tabbable elements in the document
-        const tabbableSelector = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-        const allTabbable = Array.from(document.querySelectorAll(tabbableSelector));
-        // Find the index of this date picker component
-        const currentIndex = allTabbable.findIndex((el) => this.contains(el) || el === this);
-        if (currentIndex === -1) {
-            return; // Couldn't find current element
-        }
-        // Find the next element after all elements within this date picker
-        let nextIndex = currentIndex;
-        if (backwards) {
-            // Tab backwards - find previous element before this date picker
-            for (let i = currentIndex - 1; i >= 0; i--) {
-                if (!this.contains(allTabbable[i])) {
-                    nextIndex = i;
-                    break;
-                }
-            }
-        }
-        else {
-            // Tab forwards - find next element after this date picker
-            for (let i = currentIndex + 1; i < allTabbable.length; i++) {
-                if (!this.contains(allTabbable[i])) {
-                    nextIndex = i;
-                    break;
-                }
-            }
-        }
-        // Focus the next element
-        if (nextIndex !== currentIndex && allTabbable[nextIndex]) {
-            allTabbable[nextIndex].focus();
+    _activateExitSentinel() {
+        if (this._exitSentinelNode) {
+            this._exitSentinelNode.tabIndex = 0;
         }
     }
     /**
@@ -660,7 +706,9 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
              */
             containsNode: (node) => {
                 var _a, _b;
-                return (this.contains(node) || ((_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(node)) !== null && _b !== void 0 ? _b : false));
+                return (node === this ||
+                    this.contains(node) ||
+                    ((_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(node)) !== null && _b !== void 0 ? _b : false));
             },
             /**
              * Handle clicks outside the date picker
@@ -722,6 +770,9 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
                     this._hideCalendarPopover();
                 }
             }
+            if (changedProperties.has('closeOnSelect')) {
+                this._adapter.updateContext({ closeOnSelect: this.closeOnSelect });
+            }
             if (changedProperties.has('disabled') ||
                 changedProperties.has('readonly')) {
                 const { selectorInputFrom, selectorInputTo } = this
@@ -774,11 +825,6 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
                 ? [context.startDate]
                 : [];
         return html `
-      <a
-        class="${prefix}--visually-hidden"
-        href="javascript:void 0"
-        role="navigation"
-        tabindex="-1"></a>
       <slot @slotchange="${handleSlotChange}"></slot>
       <div
         id="floating-menu-container"
@@ -805,11 +851,18 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
             `
             : ''}
       </div>
-      <a
-        class="${prefix}--visually-hidden"
-        href="javascript:void 0"
-        role="navigation"
-        tabindex="-1"></a>
+      <!--
+        Exit sentinel: sits just after the calendar container in shadow-DOM tab
+        order.  Normally tabindex="-1" (invisible to Tab).  _activateExitSentinel()
+        sets it to tabindex="0" when the user presses Tab from the calendar, so the
+        browser delivers that Tab keystroke here naturally.  The focus handler then
+        closes the calendar and restores tabindex="-1".
+      -->
+      <span
+        class="${prefix}--date-picker__exit-sentinel"
+        tabindex="-1"
+        aria-hidden="true"
+        @focus="${this._handleExitSentinelFocus}"></span>
     `;
     }
     /**
@@ -890,6 +943,12 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
     static get eventInputBlur() {
         return `${prefix}-date-picker-input-blur`;
     }
+    /**
+     * The name of the custom event fired when an input is clicked.
+     */
+    static get eventInputClick() {
+        return `${prefix}-date-picker-input-click`;
+    }
 };
 /**
  * The CSS class applied to the "today" highlight if there are any dates selected.
@@ -921,6 +980,13 @@ __decorate([
     ,
     __metadata("design:type", Object)
 ], CDSDatePicker.prototype, "_handleInputFocus", void 0);
+__decorate([
+    HostListener('eventInputClick')
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore: The decorator refers to this method, but TS thinks this method is not referred to
+    ,
+    __metadata("design:type", Object)
+], CDSDatePicker.prototype, "_handleInputClick", void 0);
 __decorate([
     HostListener('eventInputBlur')
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -973,6 +1039,10 @@ __decorate([
     __metadata("design:type", String),
     __metadata("design:paramtypes", [String])
 ], CDSDatePicker.prototype, "value", null);
+__decorate([
+    query(`.${prefix}--date-picker__exit-sentinel`),
+    __metadata("design:type", HTMLElement)
+], CDSDatePicker.prototype, "_exitSentinelNode", void 0);
 CDSDatePicker = __decorate([
     carbonElement(`${prefix}-date-picker`)
 ], CDSDatePicker);