dap-design-system 0.63.0 → 0.63.1

package/dist/components/datepicker/datepicker.component.d.ts

@@ -205,6 +205,7 @@ export default class DapDSDatePicker extends GenericFormElement {
     hideAdjacentMonths?: boolean;
     private formatOptions;
     private setValueState;
+    private inputDrivenValue?;
     private lastMaskDigitCount;
     static readonly styles: import('lit').CSSResult;
     constructor();
@@ -214,12 +215,14 @@ export default class DapDSDatePicker extends GenericFormElement {
      */
     private normalizeDate;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     getFormattedValue(): string;
     isValidFormat(value: string): boolean;
     isValueValid(): boolean;
     isInputValid(): boolean;
     setValue(value?: Dayjs, setInputValue?: boolean, sendEmptyEventOnInput?: boolean): void;
+    formResetCallback(): void;
     clearSelection(): Promise<void>;
     private isMaskActive;
     private getActiveMaskFormat;

package/dist/components/datepicker/datepicker.component.js

@@ -24,18 +24,18 @@ import { getValidityStateObject as k } from "../../common/utils.js";
 import { GenericFormElement as C } from "../../internal/mixin/genericFormElement.js";
 import { formLabelTemplate as z } from "../../internal/templates/formLabel.js";
 import "../../localization/localization.js";
-import M from "../calendar/calendar.component.js";
-import E from "../feedback/feedback.component.js";
-import F from "../form/form-label/form-label.component.js";
+import E from "../calendar/calendar.component.js";
+import F from "../feedback/feedback.component.js";
+import M from "../form/form-label/form-label.component.js";
 import x from "../icon/icon.component.js";
-import A from "../icon-button/icon-button.component.js";
-import w from "../icons/business/business-calendar-line/business-calendar-line.component.js";
+import w from "../icon-button/icon-button.component.js";
+import A from "../icons/business/business-calendar-line/business-calendar-line.component.js";
 import B from "../icons/system/system-loading-spinner/system-loading-spinner.component.js";
 import O from "../popup/popup.component.js";
 import L from "../tooltip/tooltip.component.js";
 import T from "../typography/typography.component.js";
-import q from "./datepicker.scss.js";
-import { t as U } from "../../node_modules/i18next/dist/esm/i18next.js";
+import U from "./datepicker.scss.js";
+import { t as q } from "../../node_modules/i18next/dist/esm/i18next.js";
 var Y = Object.defineProperty, o = (g, t, i, e) => {
   for (var s = void 0, a = g.length - 1, n; a >= 0; a--)
     (n = g[a]) && (s = n(t, i, s) || s);
@@ -134,6 +134,9 @@ const r = (h = class extends C {
     const s = this.normalizeDate(this.maxDate);
     this.calendar.maxDate = s || l($), s && (this.maxDate = s), this.calendar.disabledDate = this.disabledDate, this.hideAdjacentMonths !== void 0 && (this.calendar.hideAdjacentMonths = this.hideAdjacentMonths);
   }
+  willUpdate(t) {
+    super.willUpdate(t), t.has("value") && this.value !== this.inputDrivenValue && (this.setValueState = !0, this.inputDrivenValue = void 0);
+  }
   updated(t) {
     var s;
     super.updated(t);
@@ -201,10 +204,19 @@ const r = (h = class extends C {
     return this.isValidFormat(this.triggerInput.value);
   }
   setValue(t, i = !0, e = !0) {
-    this.value = t, i ? (this.setValueState = !0, this.triggerInput.value = this.getFormattedValue()) : this.setValueState = !1, this.internals && this.internals.setFormValue(
+    this.value = t, i ? (this.setValueState = !0, this.triggerInput.value = this.getFormattedValue()) : (this.setValueState = !1, this.inputDrivenValue = t), this.internals && this.internals.setFormValue(
       this.value ? this.value.toString() : this.defaultValue
     ), this.setValidity(), this.hideCalendar(), e && (this.emit("dds-change", { value: this.value }), this.emit("dds-valid-date", { value: this.triggerInput.value }));
   }
+  // Native <form> reset: restore the initial value (or empty) and resync the input text.
+  // No dds-change is emitted, matching native inputs, which don't fire change on reset.
+  formResetCallback() {
+    if (super.formResetCallback(), this.lastMaskDigitCount = 0, this.mode === "range") {
+      this.rangeStart = void 0, this.rangeEnd = void 0, this.calendar.rangeStart = void 0, this.calendar.rangeEnd = void 0, this.triggerInput.value = "", this.setValidity(), this.hideCalendar({ skipFocus: !0 });
+      return;
+    }
+    this.hideCalendar({ skipFocus: !0 }), this.setValue(this.normalizeDate(this.defaultValue), !0, !1);
+  }
   clearSelection() {
     return f(this, null, function* () {
       this.lastMaskDigitCount = 0, this.setValue(void 0, !0, !0);
@@ -390,7 +402,7 @@ const r = (h = class extends C {
                       part="clear-button"
                       data-testid=${this.clearButtonTestId}
                       aria-label=${p(
-      (i = this.clearButtonAriaLabel) != null ? i : U("clear", { lng: this.locale })
+      (i = this.clearButtonAriaLabel) != null ? i : q("clear", { lng: this.locale })
     )}
                       ?disabled=${this.disabled}
                       @click=${this.handleClearClick}></dap-ds-icon-button>
@@ -435,16 +447,16 @@ const r = (h = class extends C {
       </div>`;
   }
 }, h.tagName = "dap-ds-datepicker", h.dependencies = {
-  "dap-ds-form-label": F,
+  "dap-ds-form-label": M,
   "dap-ds-tooltip": L,
-  "dap-ds-icon-button": A,
+  "dap-ds-icon-button": w,
   "dap-ds-icon": x,
   "dap-ds-typography": T,
   "dap-ds-popup": O,
   "dap-ds-icon-loading-spinner": B,
-  "dap-ds-icon-calendar-line": w,
-  "dap-ds-calendar": M,
-  "dap-ds-feedback": E
+  "dap-ds-icon-calendar-line": A,
+  "dap-ds-calendar": E,
+  "dap-ds-feedback": F
 }, h.nextId = 0, h.datePropertyConverter = {
   fromAttribute: (t) => {
     if (t == null || t === "")
@@ -462,7 +474,7 @@ const r = (h = class extends C {
     }
   },
   toAttribute: (t) => t == null ? null : l.isDayjs(t) || t instanceof Date ? t.toISOString() : typeof t == "string" ? t : typeof t == "number" ? String(t) : null
-}, h.styles = I(q), h);
+}, h.styles = I(U), h);
 o([
   V(".combobox__input")
 ], r.prototype, "triggerInput");

package/dist/components/datepicker/datepicker.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.js","sources":["../../../src/components/datepicker/datepicker.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport {\n  CommonFormElementSize,\n  FloatingStrategy,\n  PopupPlacement,\n} from '@/common/types'\nimport { getValidityStateObject } from '@/common/utils'\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\nimport { formLabelTemplate } from '@/internal/templates/formLabel'\nimport { t } from '@/localization/localization'\n\nimport DapDSCalendar from '../calendar/calendar.component'\nimport DapDSFeedback from '../feedback/feedback.component'\nimport DapDSFormLabel from '../form/form-label/form-label.component'\nimport DapDSIcon from '../icon/icon.component'\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport BusinessCalendarLine from '../icons/business/business-calendar-line/business-calendar-line.component'\nimport SystemLoadingSpinner from '../icons/system/system-loading-spinner/system-loading-spinner.component'\nimport DapDSPopup from '../popup/popup.component'\nimport DapDSTooltip from '../tooltip/tooltip.component'\nimport DapDSTypography from '../typography/typography.component'\nimport styles from './datepicker.scss?inline'\n\ninterface MaskToken {\n  type: 'digit' | 'separator'\n  length?: number\n  value?: string\n}\n\n/**\n * The bounds the calendar falls back to when the consumer sets no minDate/maxDate.\n * They have to stay finite: the calendar renders one option per year between them.\n */\nconst DEFAULT_MIN_DATE = '1901-01-01'\nconst DEFAULT_MAX_DATE = '2099-12-31'\n\n/** Framework-neutral shape for the date handed to consumers on the out-of-range event. */\nconst DEFAULT_ISO_FORMAT = 'YYYY-MM-DD'\n\n/**\n * `dap-ds-datepicker`\n * @summary A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n * @element dap-ds-datepicker\n * @title - Datepicker\n *\n * @property {Dayjs} value - The value of the datepicker.\n * @property {string} label - The label of the datepicker.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the datepicker.\n * @property {'xs' | 'sm' | 'sm'} size - The size of the datepicker.\n * @property {boolean} disabled - The disabled state of the datepicker.\n * @property {boolean} required - The required state of the datepicker.\n * @property {boolean} readonly - The readonly state of the datepicker.\n * @property {boolean} autofocus - The autofocus state of the datepicker.\n * @property {string} tooltip - The tooltip of the datepicker.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the datepicker.\n * @property {string} feedback - The feedback of the datepicker.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the datepicker.\n * @property {boolean} optional - The optional state of the datepicker.\n * @property {string} optionalLabel - The optional label of the datepicker.\n * @property {string} requiredLabel - The required indicator of the datepicker. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {string} autocomplete - The autocomplete of the datepicker.\n * @property {boolean} autofocus - The autofocus of the datepicker.\n *\n * @event {{ value: string }} dds-change - Fired when the datepicker value changes.\n * @event {{ value: string }} dds-input - Fired when the datepicker input value changes.\n * @event {{ value: string }} dds-valid-date - Fired when the datepicker input value is valid. Happens on manual input typing.\n * @event {{ value: string, type: 'invalid' | 'out-of-range', date?: string }} dds-invalid-date - Fired when the datepicker input value is invalid. Happens on manual input typing. For `out-of-range` the typed text was a well-formed date, so `date` carries it as an ISO (`YYYY-MM-DD`) string and the consumer can phrase its own range message; for `invalid` the text could not be parsed and `date` is omitted.\n * @event {{ void }} dds-clear - Fired when the datepicker is cleared.\n * @event {{ void }} dds-focus - Emitted when the datepicker gains focus.\n * @event {{ void }} dds-blur - Emitted when the datepicker loses focus.\n *\n * @csspart base - The main datepicker container.\n * @csspart calendar - The calendar of the datepicker.\n * @csspart trigger - The trigger button of the datepicker.\n * @csspart label - The label of the datepicker.\n * @csspart description - The description of the datepicker.\n * @csspart feedback - The feedback of the datepicker.\n * @csspart tooltip - The tooltip of the datepicker.\n * @csspart input - The input of the datepicker.\n * @csspart clear-button - The clear button of the datepicker.\n * @csspart calendar-grid-cell-base - The base of the calendar grid cell.\n * @csspart calendar-grid-cell - The cell of the calendar grid.\n * @csspart calendar-grid-header-cell-base - The base of the calendar grid header cell.\n * @csspart calendar-grid-header-cell - The header cell of the calendar grid.\n * @csspart calendar-grid-cell-today-mark - The today mark of the calendar grid cell.\n * @csspart calendar-button - The calendar icon button of the datepicker.\n * @csspart calendar-header-button-prev - The previous month button of the calendar header.\n * @csspart calendar-header-button-next - The next month button of the calendar header.\n * @csspart calendar-header-year-select - The year select of the calendar header.\n * @csspart calendar-header-month-select - The month select of the calendar header.\n * @csspart label-base - The base of the label.\n * @csspart label-required - The required indicator of the label.\n * @csspart label-optional - The optional indicator of the label.\n *\n * @cssproperty --dds-combobox-background - The background color of the combobox. (default: var(--dds-fields-background-default))\n * @cssproperty --dds-combobox-border-color - The border color of the combobox. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-combobox-border-width - The border width of the combobox. (default: var(--dds-border-width-base, 1px))\n * @cssproperty --dds-combobox-border-radius - The border radius of the combobox. (default: var(--dds-radius-base))\n * @cssproperty --dds-combobox-text-color - The text color of the combobox. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-combobox-placeholder-color - The placeholder text color. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-combobox-disabled-background - The background color when disabled. (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-combobox-disabled-text - The text color when disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-combobox-error-border - The border color for error state. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-combobox-success-border - The border color for success state. (default: var(--dds-border-positive-base))\n * @cssproperty --dds-combobox-icon-color - The color of the icons. (default: var(--dds-text-icon-neutral-subtle))\n * @cssproperty --dds-combobox-clear-icon-color - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled))\n * @cssproperty --dds-combobox-popup-background - The background color of the popup. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-combobox-popup-shadow - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%))\n * @cssproperty --dds-combobox-padding-xs - The padding for extra small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-sm - The padding for small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-lg - The padding for large size. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-horizontal - The horizontal padding. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-vertical - The vertical padding. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-gap - The gap between elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-icon-gap - The gap between icons. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-gap - The gap between action elements. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-padding - The padding for action elements. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-clear-icon-width - The width of the clear icon. (default: var(--dds-spacing-800))\n * @cssproperty --dds-combobox-dropdown-icon-right - The right position of the dropdown icon. (default: var(--dds-spacing-600))\n * @cssproperty --dds-combobox-min-width - The minimum width of the combobox. (default: 7.5rem)\n */\nexport default class DapDSDatePicker extends GenericFormElement {\n  static tagName = 'dap-ds-datepicker'\n\n  static dependencies = {\n    'dap-ds-form-label': DapDSFormLabel,\n    'dap-ds-tooltip': DapDSTooltip,\n    'dap-ds-icon-button': DapDSIconButton,\n    'dap-ds-icon': DapDSIcon,\n    'dap-ds-typography': DapDSTypography,\n    'dap-ds-popup': DapDSPopup,\n    'dap-ds-icon-loading-spinner': SystemLoadingSpinner,\n    'dap-ds-icon-calendar-line': BusinessCalendarLine,\n    'dap-ds-calendar': DapDSCalendar,\n    'dap-ds-feedback': DapDSFeedback,\n  }\n\n  private static nextId = 0\n\n  /**\n   * Property converter for date properties.\n   * Converts string attributes (from React) to Dayjs objects.\n   * Allows both attribute binding (strings) and property binding (Dayjs objects).\n   *\n   * Note: When properties are set directly (bypassing attributes), they are normalized\n   * in the `updated` lifecycle method via `normalizeDate`.\n   */\n  private static datePropertyConverter = {\n    fromAttribute: (value: string | null): Dayjs | undefined => {\n      if (value === null || value === undefined || value === '') {\n        return undefined\n      }\n      const trimmed = value.trim()\n      if (!trimmed) return undefined\n\n      // Check if it's a numeric timestamp string\n      if (/^\\d+$/.test(trimmed)) {\n        const numValue = Number(trimmed)\n        // Check if it's seconds (typically 10 digits, less than 10000000000)\n        if (numValue > 0 && numValue < 10000000000) {\n          return dayjs(numValue * 1000)\n        }\n        // Check if it's a valid timestamp (milliseconds since epoch)\n        if (numValue >= 0 && numValue <= 4102444800000) {\n          return dayjs(numValue)\n        }\n      }\n      // Parse as date string (ISO string, date string, etc.)\n      return dayjs(value)\n    },\n    toAttribute: (\n      value: Dayjs | string | Date | number | undefined | null,\n    ): string | null => {\n      if (value === undefined || value === null) {\n        return null // null removes the attribute\n      }\n      // Convert Dayjs to ISO string for attribute\n      if (dayjs.isDayjs(value)) {\n        return value.toISOString()\n      }\n      if (value instanceof Date) {\n        return value.toISOString()\n      }\n      if (typeof value === 'string') {\n        return value\n      }\n      if (typeof value === 'number') {\n        return String(value)\n      }\n      return null\n    },\n  }\n\n  private readonly inputId: string\n  private readonly labelId: string\n  private readonly descriptionId: string\n\n  @query('.combobox__input') private readonly triggerInput!: HTMLInputElement\n  @query('#calendar') private readonly calendar!: DapDSCalendar\n  @query('dap-ds-popup') private readonly popup!: HTMLElement\n\n  /** The value of the datepicker (selected date in single mode).\n   * @type {Dayjs}\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  override value?: Dayjs\n\n  /** The mode of the datepicker - single date or range selection.\n   * @type {'single' | 'range'}\n   * @default 'single'\n   */\n  @property({ reflect: true }) mode: 'single' | 'range' = 'single'\n\n  /** The current visible date (month and year) of the calendar. Only the month and year are considered.\n   * @type {Dayjs | string | Date}\n   * @default dayjs()\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  currentDate?: Dayjs | string | Date\n\n  /** The earliest date the datepicker accepts. Compared with day granularity.\n   * @type {Dayjs | string | Date}\n   * @default dayjs('1901-01-01')\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  minDate?: Dayjs | string | Date\n\n  /** The latest date the datepicker accepts. Compared with day granularity.\n   * @type {Dayjs | string | Date}\n   * @default dayjs('2099-12-31')\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  maxDate?: Dayjs | string | Date\n\n  /** The disabled date of the datepicker. This function will be called for each date to determine if it is disabled.\n   * @type {(date: Dayjs) => boolean}\n   * @default (date: Dayjs) => false\n   */\n  @property({ attribute: false }) disabledDate = (date: Dayjs) => {\n    return !date\n  }\n\n  /** The start date of the range selection (only used in range mode).\n   * @type {Dayjs | string | Date}\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  rangeStart?: Dayjs | string | Date\n\n  /** The end date of the range selection (only used in range mode).\n   * @type {Dayjs | string | Date}\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  rangeEnd?: Dayjs | string | Date\n\n  /** The placement of the dropdown of the datepicker.\n   * @type {'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end'}\n   */\n  @property({ reflect: true }) placement: PopupPlacement = 'bottom-start'\n\n  /** The open state of the datepicker. */\n  @property({ type: Boolean, reflect: true }) opened = false\n\n  /** Wheter the calendar should open on typing. */\n  @property({ type: Boolean }) openCalendarOnInput = false\n\n  /** Wheter the calendar should send an empty event on typing. */\n  @property({ type: Boolean }) sendEmptyEventOnInput = false\n\n  /** The placeholder of the datepicker. */\n  @property() placeholder: string | null\n\n  /** The loading state of the datepicker. */\n  @property({ type: Boolean }) loading?: boolean = false\n\n  /** Whether to enable input masking. When active, only digit characters are accepted and format separators are auto-inserted after each complete digit group. Only works in single mode with a single configured format. */\n  @property({ type: Boolean }) mask = false\n\n  /** The format of the datepicker. This is a comma separated list of [formats](https://day.js.org/docs/en/display/format). */\n  @property({ type: String }) format?: string\n\n  /** The format separator character in the format attribute. */\n  @property({ type: String }) formatSeparator: string = '|'\n\n  /** Whether the clear button should be shown. */\n  @property({ type: String }) clearButton?: string = 'true'\n\n  /** The aria label of the clear button. */\n  @property({ type: String }) clearButtonAriaLabel?: string\n\n  /** `data-testid` for the clear button. */\n  @property() clearButtonTestId = 'datepicker-clear-button'\n\n  /** `data-testid` for the calendar indicator button that opens the calendar. */\n  @property() calendarButtonTestId = 'datepicker-calendar-button'\n\n  /** The floating strategy of the datepicker. */\n  @property({ type: String }) floatingStrategy: FloatingStrategy = 'fixed'\n\n  /** Whether to keep popup open when trigger leaves viewport. */\n  @property({ type: Boolean }) disableViewportAutoClose: boolean = false\n\n  /** The locale of the datepicker. By default it uses the global locale from dayjs. It is determined from the browser language.\n   * @type {'hu' | 'en' | 'de'}\n   */\n  @property({ type: String }) locale: string = dayjs.locale()\n\n  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to `false` for single mode and `true` for range mode.\n   * @type {boolean}\n   */\n  @property({ type: Boolean }) hideAdjacentMonths?: boolean\n\n  @state() private formatOptions: string[] = []\n  @state() private setValueState: boolean = true\n  private lastMaskDigitCount = 0\n\n  static readonly styles = unsafeCSS(styles)\n\n  constructor() {\n    super()\n    DapDSDatePicker.nextId++\n    const uniqueSuffix =\n      typeof crypto !== 'undefined' && crypto.randomUUID\n        ? crypto.randomUUID().slice(0, 8)\n        : Date.now().toString(36)\n    this.inputId = `input-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n    this.labelId = `label-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n    this.descriptionId = `description-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n    // Initialize the feedbackId from FeedbackMixin\n    this.feedbackId = `feedback-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n  }\n\n  /**\n   * Normalizes a date value to a Dayjs object.\n   * Handles Dayjs objects, timestamps (numbers or strings), strings, Date objects, and undefined/null.\n   */\n  private normalizeDate(\n    value: Dayjs | string | Date | number | undefined | null,\n  ): Dayjs | undefined {\n    if (value === undefined || value === null) {\n      return undefined\n    }\n\n    // If it's already a Dayjs object, return it\n    if (dayjs.isDayjs(value)) {\n      return value\n    }\n\n    // If it's a string, check if it's a numeric timestamp string\n    if (typeof value === 'string') {\n      // Check if the string is purely numeric (timestamp as string)\n      const trimmed = value.trim()\n      if (/^\\d+$/.test(trimmed)) {\n        const numValue = Number(trimmed)\n        // Check if it's seconds (typically 10 digits, less than 10000000000)\n        // Unix timestamps in seconds are typically 10 digits, milliseconds are 13 digits\n        if (numValue > 0 && numValue < 10000000000) {\n          return dayjs(numValue * 1000)\n        }\n        // Check if it's a valid timestamp (milliseconds since epoch)\n        // Valid range: between 0 and year 2100 (4102444800000 ms)\n        if (numValue >= 0 && numValue <= 4102444800000) {\n          return dayjs(numValue)\n        }\n      }\n      // If it's not a numeric string, let dayjs parse it as a date string\n      return dayjs(value)\n    }\n\n    // If it's a number (timestamp), convert it\n    if (typeof value === 'number') {\n      // Check if it's seconds (typically 10 digits, less than 10000000000)\n      // Unix timestamps in seconds are typically 10 digits, milliseconds are 13 digits\n      if (value > 0 && value < 10000000000) {\n        return dayjs(value * 1000)\n      }\n      // Check if it's a valid timestamp (milliseconds since epoch)\n      // Valid range: between 0 and year 2100 (4102444800000 ms)\n      if (value >= 0 && value <= 4102444800000) {\n        return dayjs(value)\n      }\n    }\n\n    // For Date objects, dayjs will handle them\n    return dayjs(value)\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n\n    // Set formatOptions BEFORE using getFormattedValue()\n    this.formatOptions = this.format?.split(this.formatSeparator) || []\n\n    this.calendar.mode = this.mode\n\n    if (this.mode === 'range') {\n      if (this.rangeStart) {\n        const normalized = this.normalizeDate(this.rangeStart)\n        if (normalized) {\n          this.calendar.rangeStart = normalized.locale(this.locale)\n        }\n      }\n      if (this.rangeEnd) {\n        const normalized = this.normalizeDate(this.rangeEnd)\n        if (normalized) {\n          this.calendar.rangeEnd = normalized.locale(this.locale)\n        }\n      }\n    } else if (this.value) {\n      const normalized = this.normalizeDate(this.value)\n      if (normalized) {\n        this.calendar.value = normalized.locale(this.locale)\n        // Update the internal value to be a Dayjs object\n        this.value = normalized\n        // Set the input field value if setValueState is enabled\n        if (this.setValueState && this.triggerInput) {\n          this.triggerInput.value = this.getFormattedValue()\n        }\n      }\n    }\n\n    const normalizedCurrentDate = this.normalizeDate(this.currentDate)\n    this.calendar.currentDate = normalizedCurrentDate || dayjs()\n\n    const normalizedMinDate = this.normalizeDate(this.minDate)\n    this.calendar.minDate = normalizedMinDate || dayjs(DEFAULT_MIN_DATE)\n    if (normalizedMinDate) {\n      this.minDate = normalizedMinDate\n    }\n\n    const normalizedMaxDate = this.normalizeDate(this.maxDate)\n    this.calendar.maxDate = normalizedMaxDate || dayjs(DEFAULT_MAX_DATE)\n    if (normalizedMaxDate) {\n      this.maxDate = normalizedMaxDate\n    }\n    this.calendar.disabledDate = this.disabledDate\n\n    // Only set hideAdjacentMonths if explicitly provided\n    if (this.hideAdjacentMonths !== undefined) {\n      this.calendar.hideAdjacentMonths = this.hideAdjacentMonths\n    }\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    // Process value changes - check both Lit's change detection AND if value exists but wasn't detected\n    // This handles cases where React sets a dayjs object but Lit doesn't detect it as changed\n    const valueChanged = _changedProperties.has('value')\n    const valueExistsButNotProcessed =\n      !valueChanged && this.value && this.mode === 'single' && this.hasUpdated\n\n    if (\n      (valueChanged || valueExistsButNotProcessed) &&\n      this.mode === 'single'\n    ) {\n      const normalized = this.normalizeDate(this.value)\n      if (normalized) {\n        // Only update if the normalized value is different from current calendar value to avoid infinite loops\n        const currentCalendarValue = this.calendar.value\n        if (\n          !currentCalendarValue ||\n          !normalized.isSame(currentCalendarValue, 'day')\n        ) {\n          this.calendar.value = normalized.locale(this.locale)\n          // Update the internal value to be a Dayjs object\n          this.value = normalized\n        }\n      } else {\n        this.calendar.value = undefined\n      }\n      if (this.setValueState && this.triggerInput) {\n        this.triggerInput.value = this.getFormattedValue()\n      }\n      this.setValidity()\n    }\n\n    if (_changedProperties.has('rangeStart') && this.mode === 'range') {\n      const normalized = this.normalizeDate(this.rangeStart)\n      if (normalized) {\n        this.calendar.rangeStart = normalized.locale(this.locale)\n        this.rangeStart = normalized\n      } else {\n        this.calendar.rangeStart = undefined\n      }\n      if (this.setValueState && this.rangeStart && this.rangeEnd) {\n        this.triggerInput.value = this.getFormattedValue()\n      }\n    }\n\n    if (_changedProperties.has('rangeEnd') && this.mode === 'range') {\n      const normalized = this.normalizeDate(this.rangeEnd)\n      if (normalized) {\n        this.calendar.rangeEnd = normalized.locale(this.locale)\n        this.rangeEnd = normalized\n      } else {\n        this.calendar.rangeEnd = undefined\n      }\n      if (this.setValueState && this.rangeStart && this.rangeEnd) {\n        this.triggerInput.value = this.getFormattedValue()\n      }\n    }\n\n    if (_changedProperties.has('currentDate')) {\n      const normalized = this.normalizeDate(this.currentDate)\n      this.calendar.currentDate = normalized || dayjs()\n    }\n\n    if (_changedProperties.has('minDate')) {\n      const normalized = this.normalizeDate(this.minDate)\n      this.calendar.minDate = normalized || dayjs(DEFAULT_MIN_DATE)\n      if (normalized) {\n        this.minDate = normalized\n      }\n    }\n\n    if (_changedProperties.has('maxDate')) {\n      const normalized = this.normalizeDate(this.maxDate)\n      this.calendar.maxDate = normalized || dayjs(DEFAULT_MAX_DATE)\n      if (normalized) {\n        this.maxDate = normalized\n      }\n    }\n\n    if (_changedProperties.has('disabledDate')) {\n      this.calendar.disabledDate = this.disabledDate\n    }\n\n    if (\n      _changedProperties.has('format') ||\n      _changedProperties.has('formatSeparator')\n    ) {\n      this.formatOptions = this.format?.split(this.formatSeparator) || []\n    }\n  }\n\n  getFormattedValue() {\n    if (this.mode === 'range') {\n      if (!this.rangeStart || !this.rangeEnd) {\n        return ''\n      }\n      const format = this.formatOptions[0] || 'L'\n      const startStr = dayjs(this.rangeStart).locale(this.locale).format(format)\n      const endStr = dayjs(this.rangeEnd).locale(this.locale).format(format)\n      return `${startStr} - ${endStr}`\n    }\n\n    if (!this.value) {\n      return ''\n    }\n\n    return dayjs(this.value)\n      .locale(this.locale)\n      .format(this.formatOptions[0] || 'L')\n  }\n\n  isValidFormat(value: string) {\n    if (!this.formatOptions.length) {\n      // For the default 'L' format, we need to be more strict to prevent partial dates\n      // Get the actual format pattern for the current locale\n      const trimmedValue = value.trim()\n\n      // Get the actual 'L' format pattern for the current locale\n      const localeFormat = dayjs()\n        .locale(this.locale)\n        .localeData()\n        .longDateFormat('L')\n\n      // Now validate that the input actually matches the expected format pattern\n      // Use the robust string comparison approach: parse and format back to compare\n      // The localeFormat already contains the correct format for the current locale\n      const parsedDate = dayjs(trimmedValue, localeFormat)\n      if (!parsedDate.isValid()) {\n        return false\n      }\n      // Format back and compare - if they differ, the input was incomplete\n      // Handle optional trailing separators by normalizing both strings\n      const formattedDate = parsedDate.format(localeFormat)\n      const normalizedInput = trimmedValue.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      const normalizedFormatted = formattedDate.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      if (normalizedFormatted !== normalizedInput) {\n        return false\n      }\n\n      return true\n    }\n\n    return this.formatOptions.some(format => {\n      // Use the same robust string comparison approach for custom formats\n      // Parse with the custom format and compare the result\n      const parsedDate = dayjs(value, format)\n      if (!parsedDate.isValid()) {\n        return false\n      }\n      // Format back and compare - if they differ, the input was incomplete\n      // Handle optional trailing separators by normalizing both strings\n      const formattedDate = parsedDate.format(format)\n      const normalizedInput = value.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      const normalizedFormatted = formattedDate.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      return normalizedFormatted === normalizedInput\n    })\n  }\n\n  isValueValid() {\n    if (!this.value) {\n      return true\n    }\n\n    return this.isInputValid()\n  }\n\n  isInputValid() {\n    return this.isValidFormat(this.triggerInput.value)\n  }\n\n  setValue(\n    value?: Dayjs,\n    setInputValue: boolean = true,\n    sendEmptyEventOnInput: boolean = true,\n  ) {\n    this.value = value\n\n    if (setInputValue) {\n      this.setValueState = true\n      this.triggerInput.value = this.getFormattedValue()\n    } else {\n      this.setValueState = false\n    }\n\n    // Update form value for form participation\n    if (this.internals) {\n      this.internals.setFormValue(\n        this.value ? this.value.toString() : this.defaultValue,\n      )\n    }\n\n    this.setValidity()\n    this.hideCalendar()\n\n    if (sendEmptyEventOnInput) {\n      this.emit('dds-change', { value: this.value })\n      this.emit('dds-valid-date', { value: this.triggerInput.value })\n    }\n  }\n\n  async clearSelection() {\n    this.lastMaskDigitCount = 0\n    this.setValue(undefined, true, true)\n  }\n\n  private isMaskActive(): boolean {\n    return this.mask && this.mode === 'single' && this.formatOptions.length <= 1\n  }\n\n  private getActiveMaskFormat(): string {\n    if (this.formatOptions.length > 0) {\n      return this.formatOptions[0]\n    }\n    return dayjs().locale(this.locale).localeData().longDateFormat('L')\n  }\n\n  private parseMaskTokens(format: string): MaskToken[] {\n    const tokens: MaskToken[] = []\n    let i = 0\n    while (i < format.length) {\n      if (format.startsWith('YYYY', i)) {\n        tokens.push({ type: 'digit', length: 4 })\n        i += 4\n      } else if (format.startsWith('YY', i)) {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 2\n      } else if (format.startsWith('MM', i)) {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 2\n      } else if (format.startsWith('DD', i)) {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 2\n      } else if (format[i] === 'M') {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 1\n      } else if (format[i] === 'D') {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 1\n      } else {\n        tokens.push({ type: 'separator', value: format[i] })\n        i += 1\n      }\n    }\n    return tokens\n  }\n\n  private buildMaskedValue(digits: string): string {\n    const tokens = this.parseMaskTokens(this.getActiveMaskFormat())\n    let result = ''\n    let digitIndex = 0\n\n    for (const token of tokens) {\n      if (token.type === 'separator') {\n        if (digitIndex > 0) {\n          result += token.value\n        }\n      } else {\n        const available = digits.slice(digitIndex, digitIndex + token.length!)\n        result += available\n        digitIndex += available.length\n        if (available.length < token.length!) {\n          break\n        }\n      }\n    }\n\n    return result\n  }\n\n  private readonly handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n    if (\n      this &&\n      !path.includes(this) &&\n      (!this.popup || !path.includes(this.popup))\n    ) {\n      this.hideCalendar()\n    }\n  }\n\n  private readonly handlePopupAutoClose = () => {\n    this.hideCalendar({ skipFocus: true })\n  }\n\n  private readonly handleInput = (event: InputEvent) => {\n    const input = event.target as HTMLInputElement\n\n    if (this.isMaskActive()) {\n      let rawDigits = input.value.replace(/\\D/g, '')\n      const isDeleting =\n        event.inputType === 'deleteContentBackward' ||\n        event.inputType === 'deleteContentForward'\n      if (isDeleting && rawDigits.length === this.lastMaskDigitCount) {\n        rawDigits = rawDigits.slice(0, -1)\n      }\n      this.lastMaskDigitCount = rawDigits.length\n      const masked = this.buildMaskedValue(rawDigits)\n      input.value = masked\n      input.setSelectionRange(masked.length, masked.length)\n    }\n\n    if (!input.value) {\n      this.setValue(undefined, false, true)\n    } else {\n      if (this.isInputValid()) {\n        const date = dayjs(input.value).locale(this.locale)\n\n        // Normalize minDate and maxDate to ensure they're Dayjs objects\n        const minDate =\n          this.normalizeDate(this.minDate) || dayjs(DEFAULT_MIN_DATE)\n        const maxDate =\n          this.normalizeDate(this.maxDate) || dayjs(DEFAULT_MAX_DATE)\n\n        if (date.isBefore(minDate, 'day') || date.isAfter(maxDate, 'day')) {\n          this.setValue(undefined, false, this.sendEmptyEventOnInput)\n          // The text parsed cleanly, it only falls outside our range. Hand the parsed date\n          // over so the consumer can phrase its own rule instead of re-parsing the text.\n          this.emit('dds-invalid-date', {\n            value: input.value,\n            type: 'out-of-range',\n            date: date.format(DEFAULT_ISO_FORMAT),\n          })\n        } else {\n          this.setValue(date, false)\n          this.currentDate = date\n          this.emit('dds-valid-date', { value: input.value })\n        }\n      } else {\n        this.setValue(undefined, false, this.sendEmptyEventOnInput)\n        this.emit('dds-invalid-date', { value: input.value, type: 'invalid' })\n      }\n    }\n\n    if (this.openCalendarOnInput && !this.opened) {\n      this.showCalendar()\n    }\n\n    this.emit('dds-input', { value: input.value })\n  }\n\n  private readonly handleKeyDown = async (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      return\n    }\n\n    if (\n      event.key === 'Enter' ||\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp'\n    ) {\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (!this.opened) {\n        this.showCalendar()\n        await this.updateComplete\n        this.calendar.captureFocus()\n      } else {\n        this.hideCalendar()\n      }\n    }\n  }\n\n  public get focusElement() {\n    return this.triggerInput\n  }\n\n  private readonly handleClick = () => {\n    if (!this.opened) {\n      this.showCalendar()\n    } else {\n      this.hideCalendar()\n    }\n  }\n\n  private readonly handleClearClick = () => {\n    if (!this.disabled) {\n      this.clearSelection()\n\n      this.triggerInput.focus()\n      this.setValidity()\n\n      this.hideCalendar()\n\n      this.emit('dds-clear')\n    }\n  }\n\n  async showCalendar() {\n    if (this.disabled || this.readonly || this.opened) {\n      return\n    }\n\n    this.opened = true\n\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n  }\n\n  async hideCalendar(options?: { skipFocus?: boolean }) {\n    if (!this.opened) {\n      return\n    }\n\n    this.opened = false\n\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    await this.updateComplete\n    if (!options?.skipFocus) {\n      this.focus()\n    }\n  }\n\n  private readonly handleFocus = () => {\n    this.emit('dds-focus')\n  }\n\n  private readonly handleBlur = () => {\n    this.emit('dds-blur')\n  }\n\n  // custom validation\n  getValidity() {\n    return !!this.value\n  }\n\n  get validity(): ValidityState {\n    if (this.internals.validity) {\n      return this.internals.validity\n    } else {\n      return getValidityStateObject({\n        valueMissing: this.required && !this.getValidity(),\n        patternMismatch: !this.isValueValid(),\n      })\n    }\n  }\n\n  checkValidity() {\n    return this.required && this.getValidity() && this.isValueValid()\n  }\n\n  reportValidity() {\n    return this.required && this.getValidity() && this.isValueValid()\n  }\n\n  setValidity() {\n    if (!this.checkValidity()) {\n      this.internals.setValidity(\n        {\n          valueMissing: this.required && !this.getValidity(),\n          patternMismatch: !this.isValueValid(),\n        },\n        this.validationMessage,\n        this.triggerInput,\n      )\n    } else {\n      this.internals.setValidity({})\n    }\n  }\n\n  handleInvalid(event: Event) {\n    event.preventDefault()\n  }\n\n  render() {\n    return html` <div class=\"label-container\">\n        ${formLabelTemplate({\n          label: this.label,\n          id: this.labelId,\n          htmlFor: this.inputId,\n          size: this.size,\n          required: this.required,\n          requiredLabel: this.requiredLabel,\n          optional: this.optional,\n          optionalLabel: this.optionalLabel,\n          disabled: this.disabled,\n          subtle: this.subtle,\n          noMargin: !!this.description,\n          hideLabel: this.hideLabel,\n        })}\n        ${this.tooltip &&\n        html` <dap-ds-tooltip\n          part=\"tooltip\"\n          content=${this.tooltip}\n          mode=\"toggle\"\n          placement=${this.tooltipPlacement}>\n          <dap-ds-icon-button\n            slot=\"trigger\"\n            size=${this.size as 'xs' | 'sm' | 'md' | 'lg'}\n            iconSize=${this.size === 'xs' ? '16' : '22'}\n            class=\"info-button\"\n            clean>\n            <dap-ds-icon\n              name=\"information-line\"\n              aria-label=${this.tooltipAriaLabel}\n              class=\"info-button\"></dap-ds-icon>\n          </dap-ds-icon-button>\n        </dap-ds-tooltip>`}\n      </div>\n      ${this.description &&\n      html`\n        <dap-ds-typography\n          part=\"description\"\n          variant=\"description\"\n          class=${clsx('input-description')}\n          size=${ifDefined(this.size as CommonFormElementSize)}\n          id=${this.descriptionId}>\n          ${this.description}\n        </dap-ds-typography>\n      `}\n      <div>\n        <dap-ds-popup\n          part=\"base\"\n          class=\"select-popup\"\n          overflow\n          ?opened=${this.opened}\n          ?hasArrow=${false}\n          placement=${this.placement}\n          floatingStrategy=${this.floatingStrategy}\n          maxHeight=\"auto\"\n          offset=\"4\"\n          ?disableViewportAutoClose=${this.disableViewportAutoClose}\n          @dds-close=${this.handlePopupAutoClose}>\n          <div\n            slot=\"trigger\"\n            part=\"trigger\"\n            class=\"${clsx('select', `select--${this.size}`, {\n              'select--disabled': this.disabled,\n              'select--readonly': this.readonly,\n              'select--opened': this.opened,\n              'select--loading': this.loading,\n              'select--success': this.status === 'success',\n              'select--error': this.status === 'error',\n              'select--no-animation': true,\n            })}\">\n            <input\n              part=\"input\"\n              role=\"combobox\"\n              class=\"${clsx('combobox__input', 'input', `input--${this.size}`, {\n                'input--disabled': this.disabled,\n                'input--readonly': this.readonly,\n              })}\"\n              id=${this.inputId}\n              value=${this.getFormattedValue()}\n              aria-expanded=${this.opened}\n              aria-haspopup=\"dialog\"\n              aria-labelledby=${ifDefined(this.label ? this.labelId : nothing)}\n              aria-describedby=\"${ifDefined(\n                this.description ? this.descriptionId : nothing,\n              )} ${ifDefined(this.feedback ? this.feedbackId : nothing)}\"\n              aria-disabled=${this.disabled}\n              aria-controls=\"calendar\"\n              aria-autocomplete=\"none\"\n              ?required=${this.required}\n              ?readonly=${this.readonly}\n              ?autofocus=${this.autofocus}\n              ?disabled=${this.disabled}\n              autocomplete=${this.autocomplete as any}\n              placeholder=${ifDefined(this.placeholder ?? '')}\n              @blur=${this.handleBlur}\n              @focus=${this.handleFocus}\n              @input=${this.handleInput}\n              @keydown=${this.handleKeyDown}\n              @invalid=${this.handleInvalid}\n              @click=${this.handleClick} />\n            <div\n              class=\"${clsx('select-action', `select-action--${this.size}`, {\n                'select-action--disabled': this.disabled,\n                'select-action--readonly': this.readonly,\n                'select-action--opened': this.opened,\n              })}\">\n              ${this.clearButton === 'true' && !this.readonly\n                ? html`<div class=\"${clsx('clear-icon')}\">\n                    <dap-ds-icon-button\n                      icon=\"close-line\"\n                      part=\"clear-button\"\n                      data-testid=${this.clearButtonTestId}\n                      aria-label=${ifDefined(\n                        this.clearButtonAriaLabel ??\n                          t('clear', { lng: this.locale }),\n                      )}\n                      ?disabled=${this.disabled}\n                      @click=${this.handleClearClick}></dap-ds-icon-button>\n                  </div>`\n                : nothing}\n              <div\n                class=\"${clsx('indicator-icon', {\n                  'indicator-icon--loading': this.loading,\n                })}\">\n                ${this.loading\n                  ? html`<dap-ds-icon-loading-spinner></dap-ds-icon-loading-spinner>`\n                  : html`<dap-ds-icon-calendar-line\n                      aria-hidden=\"true\"\n                      part=\"calendar-button\"\n                      data-testid=${this.calendarButtonTestId}\n                      class=${clsx('calendar-icon')}\n                      @click=${this.handleClick}></dap-ds-icon-calendar-line>`}\n              </div>\n            </div>\n          </div>\n          <dap-ds-calendar\n            id=\"calendar\"\n            part=\"calendar\"\n            exportparts=\"calendar-header-button-prev, calendar-header-button-next, calendar-header-year-select, calendar-header-month-select, calendar-grid-header-cell, calendar-grid-cell, calendar-grid-header-cell-base, calendar-grid-cell-base, calendar-grid-cell-today-mark\"\n            locale=${this.locale}\n            @dds-close=${this.hideCalendar}\n            @dds-change=${(event: CustomEvent) => {\n              event.preventDefault()\n              event.stopPropagation()\n              if (this.mode === 'single') {\n                this.setValue(event.detail.value)\n              }\n            }}\n            @dds-range-change=${(event: CustomEvent) => {\n              event.preventDefault()\n              event.stopPropagation()\n              if (this.mode === 'range') {\n                this.rangeStart = event.detail.startDate\n                this.rangeEnd = event.detail.endDate\n                this.triggerInput.value = this.getFormattedValue()\n                this.emit('dds-change', {\n                  startDate: this.rangeStart,\n                  endDate: this.rangeEnd,\n                })\n                this.hideCalendar()\n              }\n            }}>\n          </dap-ds-calendar>\n        </dap-ds-popup>\n        ${this.feedback &&\n        html`<dap-ds-feedback\n          part=\"feedback\"\n          feedbackType=${ifDefined(this.feedbackType)}\n          feedbackSize=\"${ifDefined(this.size as 'lg' | 'sm' | 'xs')}\"\n          id=\"feedback\">\n          ${this.feedback}\n        </dap-ds-feedback>`}\n      </div>`\n  }\n}\n"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","DEFAULT_ISO_FORMAT","_DapDSDatePicker","_a","GenericFormElement","date","dayjs","event","path","input","rawDigits","masked","minDate","maxDate","__async","uniqueSuffix","value","trimmed","numValue","_changedProperties","normalized","normalizedCurrentDate","normalizedMinDate","normalizedMaxDate","valueChanged","valueExistsButNotProcessed","currentCalendarValue","format","startStr","endStr","trimmedValue","localeFormat","parsedDate","formattedDate","normalizedInput","setInputValue","sendEmptyEventOnInput","tokens","i","digits","result","digitIndex","token","available","options","getValidityStateObject","html","formLabelTemplate","clsx","ifDefined","nothing","_b","t","DapDSFormLabel","DapDSTooltip","DapDSIconButton","DapDSIcon","DapDSTypography","DapDSPopup","SystemLoadingSpinner","BusinessCalendarLine","DapDSCalendar","DapDSFeedback","unsafeCSS","styles","__decorateClass","query","property","state","DapDSDatePicker"],"mappings":"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"}
+{"version":3,"file":"datepicker.component.js","sources":["../../../src/components/datepicker/datepicker.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport {\n  CommonFormElementSize,\n  FloatingStrategy,\n  PopupPlacement,\n} from '@/common/types'\nimport { getValidityStateObject } from '@/common/utils'\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\nimport { formLabelTemplate } from '@/internal/templates/formLabel'\nimport { t } from '@/localization/localization'\n\nimport DapDSCalendar from '../calendar/calendar.component'\nimport DapDSFeedback from '../feedback/feedback.component'\nimport DapDSFormLabel from '../form/form-label/form-label.component'\nimport DapDSIcon from '../icon/icon.component'\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport BusinessCalendarLine from '../icons/business/business-calendar-line/business-calendar-line.component'\nimport SystemLoadingSpinner from '../icons/system/system-loading-spinner/system-loading-spinner.component'\nimport DapDSPopup from '../popup/popup.component'\nimport DapDSTooltip from '../tooltip/tooltip.component'\nimport DapDSTypography from '../typography/typography.component'\nimport styles from './datepicker.scss?inline'\n\ninterface MaskToken {\n  type: 'digit' | 'separator'\n  length?: number\n  value?: string\n}\n\n/**\n * The bounds the calendar falls back to when the consumer sets no minDate/maxDate.\n * They have to stay finite: the calendar renders one option per year between them.\n */\nconst DEFAULT_MIN_DATE = '1901-01-01'\nconst DEFAULT_MAX_DATE = '2099-12-31'\n\n/** Framework-neutral shape for the date handed to consumers on the out-of-range event. */\nconst DEFAULT_ISO_FORMAT = 'YYYY-MM-DD'\n\n/**\n * `dap-ds-datepicker`\n * @summary A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n * @element dap-ds-datepicker\n * @title - Datepicker\n *\n * @property {Dayjs} value - The value of the datepicker.\n * @property {string} label - The label of the datepicker.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the datepicker.\n * @property {'xs' | 'sm' | 'sm'} size - The size of the datepicker.\n * @property {boolean} disabled - The disabled state of the datepicker.\n * @property {boolean} required - The required state of the datepicker.\n * @property {boolean} readonly - The readonly state of the datepicker.\n * @property {boolean} autofocus - The autofocus state of the datepicker.\n * @property {string} tooltip - The tooltip of the datepicker.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the datepicker.\n * @property {string} feedback - The feedback of the datepicker.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the datepicker.\n * @property {boolean} optional - The optional state of the datepicker.\n * @property {string} optionalLabel - The optional label of the datepicker.\n * @property {string} requiredLabel - The required indicator of the datepicker. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {string} autocomplete - The autocomplete of the datepicker.\n * @property {boolean} autofocus - The autofocus of the datepicker.\n *\n * @event {{ value: string }} dds-change - Fired when the datepicker value changes.\n * @event {{ value: string }} dds-input - Fired when the datepicker input value changes.\n * @event {{ value: string }} dds-valid-date - Fired when the datepicker input value is valid. Happens on manual input typing.\n * @event {{ value: string, type: 'invalid' | 'out-of-range', date?: string }} dds-invalid-date - Fired when the datepicker input value is invalid. Happens on manual input typing. For `out-of-range` the typed text was a well-formed date, so `date` carries it as an ISO (`YYYY-MM-DD`) string and the consumer can phrase its own range message; for `invalid` the text could not be parsed and `date` is omitted.\n * @event {{ void }} dds-clear - Fired when the datepicker is cleared.\n * @event {{ void }} dds-focus - Emitted when the datepicker gains focus.\n * @event {{ void }} dds-blur - Emitted when the datepicker loses focus.\n *\n * @csspart base - The main datepicker container.\n * @csspart calendar - The calendar of the datepicker.\n * @csspart trigger - The trigger button of the datepicker.\n * @csspart label - The label of the datepicker.\n * @csspart description - The description of the datepicker.\n * @csspart feedback - The feedback of the datepicker.\n * @csspart tooltip - The tooltip of the datepicker.\n * @csspart input - The input of the datepicker.\n * @csspart clear-button - The clear button of the datepicker.\n * @csspart calendar-grid-cell-base - The base of the calendar grid cell.\n * @csspart calendar-grid-cell - The cell of the calendar grid.\n * @csspart calendar-grid-header-cell-base - The base of the calendar grid header cell.\n * @csspart calendar-grid-header-cell - The header cell of the calendar grid.\n * @csspart calendar-grid-cell-today-mark - The today mark of the calendar grid cell.\n * @csspart calendar-button - The calendar icon button of the datepicker.\n * @csspart calendar-header-button-prev - The previous month button of the calendar header.\n * @csspart calendar-header-button-next - The next month button of the calendar header.\n * @csspart calendar-header-year-select - The year select of the calendar header.\n * @csspart calendar-header-month-select - The month select of the calendar header.\n * @csspart label-base - The base of the label.\n * @csspart label-required - The required indicator of the label.\n * @csspart label-optional - The optional indicator of the label.\n *\n * @cssproperty --dds-combobox-background - The background color of the combobox. (default: var(--dds-fields-background-default))\n * @cssproperty --dds-combobox-border-color - The border color of the combobox. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-combobox-border-width - The border width of the combobox. (default: var(--dds-border-width-base, 1px))\n * @cssproperty --dds-combobox-border-radius - The border radius of the combobox. (default: var(--dds-radius-base))\n * @cssproperty --dds-combobox-text-color - The text color of the combobox. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-combobox-placeholder-color - The placeholder text color. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-combobox-disabled-background - The background color when disabled. (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-combobox-disabled-text - The text color when disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-combobox-error-border - The border color for error state. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-combobox-success-border - The border color for success state. (default: var(--dds-border-positive-base))\n * @cssproperty --dds-combobox-icon-color - The color of the icons. (default: var(--dds-text-icon-neutral-subtle))\n * @cssproperty --dds-combobox-clear-icon-color - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled))\n * @cssproperty --dds-combobox-popup-background - The background color of the popup. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-combobox-popup-shadow - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%))\n * @cssproperty --dds-combobox-padding-xs - The padding for extra small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-sm - The padding for small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-lg - The padding for large size. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-horizontal - The horizontal padding. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-vertical - The vertical padding. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-gap - The gap between elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-icon-gap - The gap between icons. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-gap - The gap between action elements. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-padding - The padding for action elements. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-clear-icon-width - The width of the clear icon. (default: var(--dds-spacing-800))\n * @cssproperty --dds-combobox-dropdown-icon-right - The right position of the dropdown icon. (default: var(--dds-spacing-600))\n * @cssproperty --dds-combobox-min-width - The minimum width of the combobox. (default: 7.5rem)\n */\nexport default class DapDSDatePicker extends GenericFormElement {\n  static tagName = 'dap-ds-datepicker'\n\n  static dependencies = {\n    'dap-ds-form-label': DapDSFormLabel,\n    'dap-ds-tooltip': DapDSTooltip,\n    'dap-ds-icon-button': DapDSIconButton,\n    'dap-ds-icon': DapDSIcon,\n    'dap-ds-typography': DapDSTypography,\n    'dap-ds-popup': DapDSPopup,\n    'dap-ds-icon-loading-spinner': SystemLoadingSpinner,\n    'dap-ds-icon-calendar-line': BusinessCalendarLine,\n    'dap-ds-calendar': DapDSCalendar,\n    'dap-ds-feedback': DapDSFeedback,\n  }\n\n  private static nextId = 0\n\n  /**\n   * Property converter for date properties.\n   * Converts string attributes (from React) to Dayjs objects.\n   * Allows both attribute binding (strings) and property binding (Dayjs objects).\n   *\n   * Note: When properties are set directly (bypassing attributes), they are normalized\n   * in the `updated` lifecycle method via `normalizeDate`.\n   */\n  private static datePropertyConverter = {\n    fromAttribute: (value: string | null): Dayjs | undefined => {\n      if (value === null || value === undefined || value === '') {\n        return undefined\n      }\n      const trimmed = value.trim()\n      if (!trimmed) return undefined\n\n      // Check if it's a numeric timestamp string\n      if (/^\\d+$/.test(trimmed)) {\n        const numValue = Number(trimmed)\n        // Check if it's seconds (typically 10 digits, less than 10000000000)\n        if (numValue > 0 && numValue < 10000000000) {\n          return dayjs(numValue * 1000)\n        }\n        // Check if it's a valid timestamp (milliseconds since epoch)\n        if (numValue >= 0 && numValue <= 4102444800000) {\n          return dayjs(numValue)\n        }\n      }\n      // Parse as date string (ISO string, date string, etc.)\n      return dayjs(value)\n    },\n    toAttribute: (\n      value: Dayjs | string | Date | number | undefined | null,\n    ): string | null => {\n      if (value === undefined || value === null) {\n        return null // null removes the attribute\n      }\n      // Convert Dayjs to ISO string for attribute\n      if (dayjs.isDayjs(value)) {\n        return value.toISOString()\n      }\n      if (value instanceof Date) {\n        return value.toISOString()\n      }\n      if (typeof value === 'string') {\n        return value\n      }\n      if (typeof value === 'number') {\n        return String(value)\n      }\n      return null\n    },\n  }\n\n  private readonly inputId: string\n  private readonly labelId: string\n  private readonly descriptionId: string\n\n  @query('.combobox__input') private readonly triggerInput!: HTMLInputElement\n  @query('#calendar') private readonly calendar!: DapDSCalendar\n  @query('dap-ds-popup') private readonly popup!: HTMLElement\n\n  /** The value of the datepicker (selected date in single mode).\n   * @type {Dayjs}\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  override value?: Dayjs\n\n  /** The mode of the datepicker - single date or range selection.\n   * @type {'single' | 'range'}\n   * @default 'single'\n   */\n  @property({ reflect: true }) mode: 'single' | 'range' = 'single'\n\n  /** The current visible date (month and year) of the calendar. Only the month and year are considered.\n   * @type {Dayjs | string | Date}\n   * @default dayjs()\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  currentDate?: Dayjs | string | Date\n\n  /** The earliest date the datepicker accepts. Compared with day granularity.\n   * @type {Dayjs | string | Date}\n   * @default dayjs('1901-01-01')\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  minDate?: Dayjs | string | Date\n\n  /** The latest date the datepicker accepts. Compared with day granularity.\n   * @type {Dayjs | string | Date}\n   * @default dayjs('2099-12-31')\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  maxDate?: Dayjs | string | Date\n\n  /** The disabled date of the datepicker. This function will be called for each date to determine if it is disabled.\n   * @type {(date: Dayjs) => boolean}\n   * @default (date: Dayjs) => false\n   */\n  @property({ attribute: false }) disabledDate = (date: Dayjs) => {\n    return !date\n  }\n\n  /** The start date of the range selection (only used in range mode).\n   * @type {Dayjs | string | Date}\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  rangeStart?: Dayjs | string | Date\n\n  /** The end date of the range selection (only used in range mode).\n   * @type {Dayjs | string | Date}\n   */\n  @property({\n    converter: DapDSDatePicker.datePropertyConverter,\n  })\n  rangeEnd?: Dayjs | string | Date\n\n  /** The placement of the dropdown of the datepicker.\n   * @type {'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end'}\n   */\n  @property({ reflect: true }) placement: PopupPlacement = 'bottom-start'\n\n  /** The open state of the datepicker. */\n  @property({ type: Boolean, reflect: true }) opened = false\n\n  /** Wheter the calendar should open on typing. */\n  @property({ type: Boolean }) openCalendarOnInput = false\n\n  /** Wheter the calendar should send an empty event on typing. */\n  @property({ type: Boolean }) sendEmptyEventOnInput = false\n\n  /** The placeholder of the datepicker. */\n  @property() placeholder: string | null\n\n  /** The loading state of the datepicker. */\n  @property({ type: Boolean }) loading?: boolean = false\n\n  /** Whether to enable input masking. When active, only digit characters are accepted and format separators are auto-inserted after each complete digit group. Only works in single mode with a single configured format. */\n  @property({ type: Boolean }) mask = false\n\n  /** The format of the datepicker. This is a comma separated list of [formats](https://day.js.org/docs/en/display/format). */\n  @property({ type: String }) format?: string\n\n  /** The format separator character in the format attribute. */\n  @property({ type: String }) formatSeparator: string = '|'\n\n  /** Whether the clear button should be shown. */\n  @property({ type: String }) clearButton?: string = 'true'\n\n  /** The aria label of the clear button. */\n  @property({ type: String }) clearButtonAriaLabel?: string\n\n  /** `data-testid` for the clear button. */\n  @property() clearButtonTestId = 'datepicker-clear-button'\n\n  /** `data-testid` for the calendar indicator button that opens the calendar. */\n  @property() calendarButtonTestId = 'datepicker-calendar-button'\n\n  /** The floating strategy of the datepicker. */\n  @property({ type: String }) floatingStrategy: FloatingStrategy = 'fixed'\n\n  /** Whether to keep popup open when trigger leaves viewport. */\n  @property({ type: Boolean }) disableViewportAutoClose: boolean = false\n\n  /** The locale of the datepicker. By default it uses the global locale from dayjs. It is determined from the browser language.\n   * @type {'hu' | 'en' | 'de'}\n   */\n  @property({ type: String }) locale: string = dayjs.locale()\n\n  /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to `false` for single mode and `true` for range mode.\n   * @type {boolean}\n   */\n  @property({ type: Boolean }) hideAdjacentMonths?: boolean\n\n  @state() private formatOptions: string[] = []\n  @state() private setValueState: boolean = true\n  // The value last written from the user's typing. Any other incoming `value` is an\n  // external write (e.g. a framework form reset), which must resync the input text.\n  private inputDrivenValue?: Dayjs | null\n  private lastMaskDigitCount = 0\n\n  static readonly styles = unsafeCSS(styles)\n\n  constructor() {\n    super()\n    DapDSDatePicker.nextId++\n    const uniqueSuffix =\n      typeof crypto !== 'undefined' && crypto.randomUUID\n        ? crypto.randomUUID().slice(0, 8)\n        : Date.now().toString(36)\n    this.inputId = `input-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n    this.labelId = `label-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n    this.descriptionId = `description-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n    // Initialize the feedbackId from FeedbackMixin\n    this.feedbackId = `feedback-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n  }\n\n  /**\n   * Normalizes a date value to a Dayjs object.\n   * Handles Dayjs objects, timestamps (numbers or strings), strings, Date objects, and undefined/null.\n   */\n  private normalizeDate(\n    value: Dayjs | string | Date | number | undefined | null,\n  ): Dayjs | undefined {\n    if (value === undefined || value === null) {\n      return undefined\n    }\n\n    // If it's already a Dayjs object, return it\n    if (dayjs.isDayjs(value)) {\n      return value\n    }\n\n    // If it's a string, check if it's a numeric timestamp string\n    if (typeof value === 'string') {\n      // Check if the string is purely numeric (timestamp as string)\n      const trimmed = value.trim()\n      if (/^\\d+$/.test(trimmed)) {\n        const numValue = Number(trimmed)\n        // Check if it's seconds (typically 10 digits, less than 10000000000)\n        // Unix timestamps in seconds are typically 10 digits, milliseconds are 13 digits\n        if (numValue > 0 && numValue < 10000000000) {\n          return dayjs(numValue * 1000)\n        }\n        // Check if it's a valid timestamp (milliseconds since epoch)\n        // Valid range: between 0 and year 2100 (4102444800000 ms)\n        if (numValue >= 0 && numValue <= 4102444800000) {\n          return dayjs(numValue)\n        }\n      }\n      // If it's not a numeric string, let dayjs parse it as a date string\n      return dayjs(value)\n    }\n\n    // If it's a number (timestamp), convert it\n    if (typeof value === 'number') {\n      // Check if it's seconds (typically 10 digits, less than 10000000000)\n      // Unix timestamps in seconds are typically 10 digits, milliseconds are 13 digits\n      if (value > 0 && value < 10000000000) {\n        return dayjs(value * 1000)\n      }\n      // Check if it's a valid timestamp (milliseconds since epoch)\n      // Valid range: between 0 and year 2100 (4102444800000 ms)\n      if (value >= 0 && value <= 4102444800000) {\n        return dayjs(value)\n      }\n    }\n\n    // For Date objects, dayjs will handle them\n    return dayjs(value)\n  }\n\n  protected firstUpdated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.firstUpdated(_changedProperties)\n\n    // Set formatOptions BEFORE using getFormattedValue()\n    this.formatOptions = this.format?.split(this.formatSeparator) || []\n\n    this.calendar.mode = this.mode\n\n    if (this.mode === 'range') {\n      if (this.rangeStart) {\n        const normalized = this.normalizeDate(this.rangeStart)\n        if (normalized) {\n          this.calendar.rangeStart = normalized.locale(this.locale)\n        }\n      }\n      if (this.rangeEnd) {\n        const normalized = this.normalizeDate(this.rangeEnd)\n        if (normalized) {\n          this.calendar.rangeEnd = normalized.locale(this.locale)\n        }\n      }\n    } else if (this.value) {\n      const normalized = this.normalizeDate(this.value)\n      if (normalized) {\n        this.calendar.value = normalized.locale(this.locale)\n        // Update the internal value to be a Dayjs object\n        this.value = normalized\n        // Set the input field value if setValueState is enabled\n        if (this.setValueState && this.triggerInput) {\n          this.triggerInput.value = this.getFormattedValue()\n        }\n      }\n    }\n\n    const normalizedCurrentDate = this.normalizeDate(this.currentDate)\n    this.calendar.currentDate = normalizedCurrentDate || dayjs()\n\n    const normalizedMinDate = this.normalizeDate(this.minDate)\n    this.calendar.minDate = normalizedMinDate || dayjs(DEFAULT_MIN_DATE)\n    if (normalizedMinDate) {\n      this.minDate = normalizedMinDate\n    }\n\n    const normalizedMaxDate = this.normalizeDate(this.maxDate)\n    this.calendar.maxDate = normalizedMaxDate || dayjs(DEFAULT_MAX_DATE)\n    if (normalizedMaxDate) {\n      this.maxDate = normalizedMaxDate\n    }\n    this.calendar.disabledDate = this.disabledDate\n\n    // Only set hideAdjacentMonths if explicitly provided\n    if (this.hideAdjacentMonths !== undefined) {\n      this.calendar.hideAdjacentMonths = this.hideAdjacentMonths\n    }\n  }\n\n  protected willUpdate(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.willUpdate(_changedProperties)\n\n    if (\n      _changedProperties.has('value') &&\n      this.value !== this.inputDrivenValue\n    ) {\n      this.setValueState = true\n      this.inputDrivenValue = undefined\n    }\n  }\n\n  protected updated(\n    _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(_changedProperties)\n\n    // Process value changes - check both Lit's change detection AND if value exists but wasn't detected\n    // This handles cases where React sets a dayjs object but Lit doesn't detect it as changed\n    const valueChanged = _changedProperties.has('value')\n    const valueExistsButNotProcessed =\n      !valueChanged && this.value && this.mode === 'single' && this.hasUpdated\n\n    if (\n      (valueChanged || valueExistsButNotProcessed) &&\n      this.mode === 'single'\n    ) {\n      const normalized = this.normalizeDate(this.value)\n      if (normalized) {\n        // Only update if the normalized value is different from current calendar value to avoid infinite loops\n        const currentCalendarValue = this.calendar.value\n        if (\n          !currentCalendarValue ||\n          !normalized.isSame(currentCalendarValue, 'day')\n        ) {\n          this.calendar.value = normalized.locale(this.locale)\n          // Update the internal value to be a Dayjs object\n          this.value = normalized\n        }\n      } else {\n        this.calendar.value = undefined\n      }\n      if (this.setValueState && this.triggerInput) {\n        this.triggerInput.value = this.getFormattedValue()\n      }\n      this.setValidity()\n    }\n\n    if (_changedProperties.has('rangeStart') && this.mode === 'range') {\n      const normalized = this.normalizeDate(this.rangeStart)\n      if (normalized) {\n        this.calendar.rangeStart = normalized.locale(this.locale)\n        this.rangeStart = normalized\n      } else {\n        this.calendar.rangeStart = undefined\n      }\n      if (this.setValueState && this.rangeStart && this.rangeEnd) {\n        this.triggerInput.value = this.getFormattedValue()\n      }\n    }\n\n    if (_changedProperties.has('rangeEnd') && this.mode === 'range') {\n      const normalized = this.normalizeDate(this.rangeEnd)\n      if (normalized) {\n        this.calendar.rangeEnd = normalized.locale(this.locale)\n        this.rangeEnd = normalized\n      } else {\n        this.calendar.rangeEnd = undefined\n      }\n      if (this.setValueState && this.rangeStart && this.rangeEnd) {\n        this.triggerInput.value = this.getFormattedValue()\n      }\n    }\n\n    if (_changedProperties.has('currentDate')) {\n      const normalized = this.normalizeDate(this.currentDate)\n      this.calendar.currentDate = normalized || dayjs()\n    }\n\n    if (_changedProperties.has('minDate')) {\n      const normalized = this.normalizeDate(this.minDate)\n      this.calendar.minDate = normalized || dayjs(DEFAULT_MIN_DATE)\n      if (normalized) {\n        this.minDate = normalized\n      }\n    }\n\n    if (_changedProperties.has('maxDate')) {\n      const normalized = this.normalizeDate(this.maxDate)\n      this.calendar.maxDate = normalized || dayjs(DEFAULT_MAX_DATE)\n      if (normalized) {\n        this.maxDate = normalized\n      }\n    }\n\n    if (_changedProperties.has('disabledDate')) {\n      this.calendar.disabledDate = this.disabledDate\n    }\n\n    if (\n      _changedProperties.has('format') ||\n      _changedProperties.has('formatSeparator')\n    ) {\n      this.formatOptions = this.format?.split(this.formatSeparator) || []\n    }\n  }\n\n  getFormattedValue() {\n    if (this.mode === 'range') {\n      if (!this.rangeStart || !this.rangeEnd) {\n        return ''\n      }\n      const format = this.formatOptions[0] || 'L'\n      const startStr = dayjs(this.rangeStart).locale(this.locale).format(format)\n      const endStr = dayjs(this.rangeEnd).locale(this.locale).format(format)\n      return `${startStr} - ${endStr}`\n    }\n\n    if (!this.value) {\n      return ''\n    }\n\n    return dayjs(this.value)\n      .locale(this.locale)\n      .format(this.formatOptions[0] || 'L')\n  }\n\n  isValidFormat(value: string) {\n    if (!this.formatOptions.length) {\n      // For the default 'L' format, we need to be more strict to prevent partial dates\n      // Get the actual format pattern for the current locale\n      const trimmedValue = value.trim()\n\n      // Get the actual 'L' format pattern for the current locale\n      const localeFormat = dayjs()\n        .locale(this.locale)\n        .localeData()\n        .longDateFormat('L')\n\n      // Now validate that the input actually matches the expected format pattern\n      // Use the robust string comparison approach: parse and format back to compare\n      // The localeFormat already contains the correct format for the current locale\n      const parsedDate = dayjs(trimmedValue, localeFormat)\n      if (!parsedDate.isValid()) {\n        return false\n      }\n      // Format back and compare - if they differ, the input was incomplete\n      // Handle optional trailing separators by normalizing both strings\n      const formattedDate = parsedDate.format(localeFormat)\n      const normalizedInput = trimmedValue.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      const normalizedFormatted = formattedDate.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      if (normalizedFormatted !== normalizedInput) {\n        return false\n      }\n\n      return true\n    }\n\n    return this.formatOptions.some(format => {\n      // Use the same robust string comparison approach for custom formats\n      // Parse with the custom format and compare the result\n      const parsedDate = dayjs(value, format)\n      if (!parsedDate.isValid()) {\n        return false\n      }\n      // Format back and compare - if they differ, the input was incomplete\n      // Handle optional trailing separators by normalizing both strings\n      const formattedDate = parsedDate.format(format)\n      const normalizedInput = value.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      const normalizedFormatted = formattedDate.replace(/[.,\\s]+$/, '') // Remove trailing separators\n      return normalizedFormatted === normalizedInput\n    })\n  }\n\n  isValueValid() {\n    if (!this.value) {\n      return true\n    }\n\n    return this.isInputValid()\n  }\n\n  isInputValid() {\n    return this.isValidFormat(this.triggerInput.value)\n  }\n\n  setValue(\n    value?: Dayjs,\n    setInputValue: boolean = true,\n    sendEmptyEventOnInput: boolean = true,\n  ) {\n    this.value = value\n\n    if (setInputValue) {\n      this.setValueState = true\n      this.triggerInput.value = this.getFormattedValue()\n    } else {\n      this.setValueState = false\n      this.inputDrivenValue = value\n    }\n\n    // Update form value for form participation\n    if (this.internals) {\n      this.internals.setFormValue(\n        this.value ? this.value.toString() : this.defaultValue,\n      )\n    }\n\n    this.setValidity()\n    this.hideCalendar()\n\n    if (sendEmptyEventOnInput) {\n      this.emit('dds-change', { value: this.value })\n      this.emit('dds-valid-date', { value: this.triggerInput.value })\n    }\n  }\n\n  // Native <form> reset: restore the initial value (or empty) and resync the input text.\n  // No dds-change is emitted, matching native inputs, which don't fire change on reset.\n  formResetCallback() {\n    super.formResetCallback()\n    this.lastMaskDigitCount = 0\n\n    if (this.mode === 'range') {\n      this.rangeStart = undefined\n      this.rangeEnd = undefined\n      this.calendar.rangeStart = undefined\n      this.calendar.rangeEnd = undefined\n      this.triggerInput.value = ''\n      this.setValidity()\n      this.hideCalendar({ skipFocus: true })\n      return\n    }\n\n    // Close first without moving focus: a reset must not pull focus into the picker\n    this.hideCalendar({ skipFocus: true })\n    this.setValue(this.normalizeDate(this.defaultValue), true, false)\n  }\n\n  async clearSelection() {\n    this.lastMaskDigitCount = 0\n    this.setValue(undefined, true, true)\n  }\n\n  private isMaskActive(): boolean {\n    return this.mask && this.mode === 'single' && this.formatOptions.length <= 1\n  }\n\n  private getActiveMaskFormat(): string {\n    if (this.formatOptions.length > 0) {\n      return this.formatOptions[0]\n    }\n    return dayjs().locale(this.locale).localeData().longDateFormat('L')\n  }\n\n  private parseMaskTokens(format: string): MaskToken[] {\n    const tokens: MaskToken[] = []\n    let i = 0\n    while (i < format.length) {\n      if (format.startsWith('YYYY', i)) {\n        tokens.push({ type: 'digit', length: 4 })\n        i += 4\n      } else if (format.startsWith('YY', i)) {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 2\n      } else if (format.startsWith('MM', i)) {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 2\n      } else if (format.startsWith('DD', i)) {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 2\n      } else if (format[i] === 'M') {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 1\n      } else if (format[i] === 'D') {\n        tokens.push({ type: 'digit', length: 2 })\n        i += 1\n      } else {\n        tokens.push({ type: 'separator', value: format[i] })\n        i += 1\n      }\n    }\n    return tokens\n  }\n\n  private buildMaskedValue(digits: string): string {\n    const tokens = this.parseMaskTokens(this.getActiveMaskFormat())\n    let result = ''\n    let digitIndex = 0\n\n    for (const token of tokens) {\n      if (token.type === 'separator') {\n        if (digitIndex > 0) {\n          result += token.value\n        }\n      } else {\n        const available = digits.slice(digitIndex, digitIndex + token.length!)\n        result += available\n        digitIndex += available.length\n        if (available.length < token.length!) {\n          break\n        }\n      }\n    }\n\n    return result\n  }\n\n  private readonly handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n    if (\n      this &&\n      !path.includes(this) &&\n      (!this.popup || !path.includes(this.popup))\n    ) {\n      this.hideCalendar()\n    }\n  }\n\n  private readonly handlePopupAutoClose = () => {\n    this.hideCalendar({ skipFocus: true })\n  }\n\n  private readonly handleInput = (event: InputEvent) => {\n    const input = event.target as HTMLInputElement\n\n    if (this.isMaskActive()) {\n      let rawDigits = input.value.replace(/\\D/g, '')\n      const isDeleting =\n        event.inputType === 'deleteContentBackward' ||\n        event.inputType === 'deleteContentForward'\n      if (isDeleting && rawDigits.length === this.lastMaskDigitCount) {\n        rawDigits = rawDigits.slice(0, -1)\n      }\n      this.lastMaskDigitCount = rawDigits.length\n      const masked = this.buildMaskedValue(rawDigits)\n      input.value = masked\n      input.setSelectionRange(masked.length, masked.length)\n    }\n\n    if (!input.value) {\n      this.setValue(undefined, false, true)\n    } else {\n      if (this.isInputValid()) {\n        const date = dayjs(input.value).locale(this.locale)\n\n        // Normalize minDate and maxDate to ensure they're Dayjs objects\n        const minDate =\n          this.normalizeDate(this.minDate) || dayjs(DEFAULT_MIN_DATE)\n        const maxDate =\n          this.normalizeDate(this.maxDate) || dayjs(DEFAULT_MAX_DATE)\n\n        if (date.isBefore(minDate, 'day') || date.isAfter(maxDate, 'day')) {\n          this.setValue(undefined, false, this.sendEmptyEventOnInput)\n          // The text parsed cleanly, it only falls outside our range. Hand the parsed date\n          // over so the consumer can phrase its own rule instead of re-parsing the text.\n          this.emit('dds-invalid-date', {\n            value: input.value,\n            type: 'out-of-range',\n            date: date.format(DEFAULT_ISO_FORMAT),\n          })\n        } else {\n          this.setValue(date, false)\n          this.currentDate = date\n          this.emit('dds-valid-date', { value: input.value })\n        }\n      } else {\n        this.setValue(undefined, false, this.sendEmptyEventOnInput)\n        this.emit('dds-invalid-date', { value: input.value, type: 'invalid' })\n      }\n    }\n\n    if (this.openCalendarOnInput && !this.opened) {\n      this.showCalendar()\n    }\n\n    this.emit('dds-input', { value: input.value })\n  }\n\n  private readonly handleKeyDown = async (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      return\n    }\n\n    if (\n      event.key === 'Enter' ||\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp'\n    ) {\n      event.preventDefault()\n      event.stopPropagation()\n\n      if (!this.opened) {\n        this.showCalendar()\n        await this.updateComplete\n        this.calendar.captureFocus()\n      } else {\n        this.hideCalendar()\n      }\n    }\n  }\n\n  public get focusElement() {\n    return this.triggerInput\n  }\n\n  private readonly handleClick = () => {\n    if (!this.opened) {\n      this.showCalendar()\n    } else {\n      this.hideCalendar()\n    }\n  }\n\n  private readonly handleClearClick = () => {\n    if (!this.disabled) {\n      this.clearSelection()\n\n      this.triggerInput.focus()\n      this.setValidity()\n\n      this.hideCalendar()\n\n      this.emit('dds-clear')\n    }\n  }\n\n  async showCalendar() {\n    if (this.disabled || this.readonly || this.opened) {\n      return\n    }\n\n    this.opened = true\n\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n  }\n\n  async hideCalendar(options?: { skipFocus?: boolean }) {\n    if (!this.opened) {\n      return\n    }\n\n    this.opened = false\n\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    await this.updateComplete\n    if (!options?.skipFocus) {\n      this.focus()\n    }\n  }\n\n  private readonly handleFocus = () => {\n    this.emit('dds-focus')\n  }\n\n  private readonly handleBlur = () => {\n    this.emit('dds-blur')\n  }\n\n  // custom validation\n  getValidity() {\n    return !!this.value\n  }\n\n  get validity(): ValidityState {\n    if (this.internals.validity) {\n      return this.internals.validity\n    } else {\n      return getValidityStateObject({\n        valueMissing: this.required && !this.getValidity(),\n        patternMismatch: !this.isValueValid(),\n      })\n    }\n  }\n\n  checkValidity() {\n    return this.required && this.getValidity() && this.isValueValid()\n  }\n\n  reportValidity() {\n    return this.required && this.getValidity() && this.isValueValid()\n  }\n\n  setValidity() {\n    if (!this.checkValidity()) {\n      this.internals.setValidity(\n        {\n          valueMissing: this.required && !this.getValidity(),\n          patternMismatch: !this.isValueValid(),\n        },\n        this.validationMessage,\n        this.triggerInput,\n      )\n    } else {\n      this.internals.setValidity({})\n    }\n  }\n\n  handleInvalid(event: Event) {\n    event.preventDefault()\n  }\n\n  render() {\n    return html` <div class=\"label-container\">\n        ${formLabelTemplate({\n          label: this.label,\n          id: this.labelId,\n          htmlFor: this.inputId,\n          size: this.size,\n          required: this.required,\n          requiredLabel: this.requiredLabel,\n          optional: this.optional,\n          optionalLabel: this.optionalLabel,\n          disabled: this.disabled,\n          subtle: this.subtle,\n          noMargin: !!this.description,\n          hideLabel: this.hideLabel,\n        })}\n        ${this.tooltip &&\n        html` <dap-ds-tooltip\n          part=\"tooltip\"\n          content=${this.tooltip}\n          mode=\"toggle\"\n          placement=${this.tooltipPlacement}>\n          <dap-ds-icon-button\n            slot=\"trigger\"\n            size=${this.size as 'xs' | 'sm' | 'md' | 'lg'}\n            iconSize=${this.size === 'xs' ? '16' : '22'}\n            class=\"info-button\"\n            clean>\n            <dap-ds-icon\n              name=\"information-line\"\n              aria-label=${this.tooltipAriaLabel}\n              class=\"info-button\"></dap-ds-icon>\n          </dap-ds-icon-button>\n        </dap-ds-tooltip>`}\n      </div>\n      ${this.description &&\n      html`\n        <dap-ds-typography\n          part=\"description\"\n          variant=\"description\"\n          class=${clsx('input-description')}\n          size=${ifDefined(this.size as CommonFormElementSize)}\n          id=${this.descriptionId}>\n          ${this.description}\n        </dap-ds-typography>\n      `}\n      <div>\n        <dap-ds-popup\n          part=\"base\"\n          class=\"select-popup\"\n          overflow\n          ?opened=${this.opened}\n          ?hasArrow=${false}\n          placement=${this.placement}\n          floatingStrategy=${this.floatingStrategy}\n          maxHeight=\"auto\"\n          offset=\"4\"\n          ?disableViewportAutoClose=${this.disableViewportAutoClose}\n          @dds-close=${this.handlePopupAutoClose}>\n          <div\n            slot=\"trigger\"\n            part=\"trigger\"\n            class=\"${clsx('select', `select--${this.size}`, {\n              'select--disabled': this.disabled,\n              'select--readonly': this.readonly,\n              'select--opened': this.opened,\n              'select--loading': this.loading,\n              'select--success': this.status === 'success',\n              'select--error': this.status === 'error',\n              'select--no-animation': true,\n            })}\">\n            <input\n              part=\"input\"\n              role=\"combobox\"\n              class=\"${clsx('combobox__input', 'input', `input--${this.size}`, {\n                'input--disabled': this.disabled,\n                'input--readonly': this.readonly,\n              })}\"\n              id=${this.inputId}\n              value=${this.getFormattedValue()}\n              aria-expanded=${this.opened}\n              aria-haspopup=\"dialog\"\n              aria-labelledby=${ifDefined(this.label ? this.labelId : nothing)}\n              aria-describedby=\"${ifDefined(\n                this.description ? this.descriptionId : nothing,\n              )} ${ifDefined(this.feedback ? this.feedbackId : nothing)}\"\n              aria-disabled=${this.disabled}\n              aria-controls=\"calendar\"\n              aria-autocomplete=\"none\"\n              ?required=${this.required}\n              ?readonly=${this.readonly}\n              ?autofocus=${this.autofocus}\n              ?disabled=${this.disabled}\n              autocomplete=${this.autocomplete as any}\n              placeholder=${ifDefined(this.placeholder ?? '')}\n              @blur=${this.handleBlur}\n              @focus=${this.handleFocus}\n              @input=${this.handleInput}\n              @keydown=${this.handleKeyDown}\n              @invalid=${this.handleInvalid}\n              @click=${this.handleClick} />\n            <div\n              class=\"${clsx('select-action', `select-action--${this.size}`, {\n                'select-action--disabled': this.disabled,\n                'select-action--readonly': this.readonly,\n                'select-action--opened': this.opened,\n              })}\">\n              ${this.clearButton === 'true' && !this.readonly\n                ? html`<div class=\"${clsx('clear-icon')}\">\n                    <dap-ds-icon-button\n                      icon=\"close-line\"\n                      part=\"clear-button\"\n                      data-testid=${this.clearButtonTestId}\n                      aria-label=${ifDefined(\n                        this.clearButtonAriaLabel ??\n                          t('clear', { lng: this.locale }),\n                      )}\n                      ?disabled=${this.disabled}\n                      @click=${this.handleClearClick}></dap-ds-icon-button>\n                  </div>`\n                : nothing}\n              <div\n                class=\"${clsx('indicator-icon', {\n                  'indicator-icon--loading': this.loading,\n                })}\">\n                ${this.loading\n                  ? html`<dap-ds-icon-loading-spinner></dap-ds-icon-loading-spinner>`\n                  : html`<dap-ds-icon-calendar-line\n                      aria-hidden=\"true\"\n                      part=\"calendar-button\"\n                      data-testid=${this.calendarButtonTestId}\n                      class=${clsx('calendar-icon')}\n                      @click=${this.handleClick}></dap-ds-icon-calendar-line>`}\n              </div>\n            </div>\n          </div>\n          <dap-ds-calendar\n            id=\"calendar\"\n            part=\"calendar\"\n            exportparts=\"calendar-header-button-prev, calendar-header-button-next, calendar-header-year-select, calendar-header-month-select, calendar-grid-header-cell, calendar-grid-cell, calendar-grid-header-cell-base, calendar-grid-cell-base, calendar-grid-cell-today-mark\"\n            locale=${this.locale}\n            @dds-close=${this.hideCalendar}\n            @dds-change=${(event: CustomEvent) => {\n              event.preventDefault()\n              event.stopPropagation()\n              if (this.mode === 'single') {\n                this.setValue(event.detail.value)\n              }\n            }}\n            @dds-range-change=${(event: CustomEvent) => {\n              event.preventDefault()\n              event.stopPropagation()\n              if (this.mode === 'range') {\n                this.rangeStart = event.detail.startDate\n                this.rangeEnd = event.detail.endDate\n                this.triggerInput.value = this.getFormattedValue()\n                this.emit('dds-change', {\n                  startDate: this.rangeStart,\n                  endDate: this.rangeEnd,\n                })\n                this.hideCalendar()\n              }\n            }}>\n          </dap-ds-calendar>\n        </dap-ds-popup>\n        ${this.feedback &&\n        html`<dap-ds-feedback\n          part=\"feedback\"\n          feedbackType=${ifDefined(this.feedbackType)}\n          feedbackSize=\"${ifDefined(this.size as 'lg' | 'sm' | 'xs')}\"\n          id=\"feedback\">\n          ${this.feedback}\n        </dap-ds-feedback>`}\n      </div>`\n  }\n}\n"],"names":["DEFAULT_MIN_DATE","DEFAULT_MAX_DATE","DEFAULT_ISO_FORMAT","_DapDSDatePicker","_a","GenericFormElement","date","dayjs","event","path","input","rawDigits","masked","minDate","maxDate","__async","uniqueSuffix","value","trimmed","numValue","_changedProperties","normalized","normalizedCurrentDate","normalizedMinDate","normalizedMaxDate","valueChanged","valueExistsButNotProcessed","currentCalendarValue","format","startStr","endStr","trimmedValue","localeFormat","parsedDate","formattedDate","normalizedInput","setInputValue","sendEmptyEventOnInput","tokens","i","digits","result","digitIndex","token","available","options","getValidityStateObject","html","formLabelTemplate","clsx","ifDefined","nothing","_b","t","DapDSFormLabel","DapDSTooltip","DapDSIconButton","DapDSIcon","DapDSTypography","DapDSPopup","SystemLoadingSpinner","BusinessCalendarLine","DapDSCalendar","DapDSFeedback","unsafeCSS","styles","__decorateClass","query","property","state","DapDSDatePicker"],"mappings":"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"}

package/dist/components/timepicker/timepicker.component.d.ts

@@ -210,6 +210,7 @@ export default class DapDSTimePicker extends GenericFormElement {
      */
     presets?: TimePreset[];
     private setValueState;
+    private inputDrivenValue?;
     static readonly styles: import('lit').CSSResult;
     private languageChangeHandler;
     constructor();
@@ -223,6 +224,7 @@ export default class DapDSTimePicker extends GenericFormElement {
      */
     private normalizeTime;
     private syncTimeValue;
+    protected willUpdate(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
     private updateTimeGridSelection;
     private getHourValue;

package/dist/components/timepicker/timepicker.component.js

@@ -9,7 +9,7 @@ var S = (h, e, t) => e in h ? D(h, e, { enumerable: !0, configurable: !0, writab
       C.call(e, t) && S(h, t, e[t]);
   return h;
 };
-var b = (h, e, t) => new Promise((i, o) => {
+var g = (h, e, t) => new Promise((i, o) => {
   var d = (u) => {
     try {
       m(t.next(u));
@@ -30,7 +30,7 @@ import n from "../../_virtual/dayjs.min.js";
 import { unsafeCSS as G, nothing as V } from "lit";
 import { query as k, property as l, state as x } from "lit/decorators.js";
 import { ifDefined as f } from "lit/directives/if-defined.js";
-import { html as g } from "lit/static-html.js";
+import { html as b } from "lit/static-html.js";
 import { getValidityStateObject as B } from "../../common/utils.js";
 import { GenericFormElement as z } from "../../internal/mixin/genericFormElement.js";
 import { formLabelTemplate as A } from "../../internal/templates/formLabel.js";
@@ -42,8 +42,8 @@ import H from "../icon-button/icon-button.component.js";
 import M from "../icons/system/system-loading-spinner/system-loading-spinner.component.js";
 import O from "../icons/system/system-time-line/system-time-line.component.js";
 import E from "../popup/popup.component.js";
-import P from "../tooltip/tooltip.component.js";
-import U from "../typography/typography.component.js";
+import U from "../tooltip/tooltip.component.js";
+import P from "../typography/typography.component.js";
 import j from "./time-grid.component.js";
 import R from "./timepicker.scss.js";
 import $, { t as N } from "../../node_modules/i18next/dist/esm/i18next.js";
@@ -84,7 +84,7 @@ const s = (r = class extends z {
           minute: i.value.split(":")[1]
         });
       this.openTimeOnInput && !this.opened && this.showTimePicker(), this.emit("dds-input", { value: i.value });
-    }, this.handleKeyDown = (t) => b(this, null, function* () {
+    }, this.handleKeyDown = (t) => g(this, null, function* () {
       t.key !== "Tab" && (t.key === "Enter" || t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), t.stopPropagation(), this.opened ? this.hideTimePicker() : this.showTimePicker());
     }), this.handleClick = () => {
       this.opened ? this.hideTimePicker() : this.showTimePicker();
@@ -161,6 +161,9 @@ const s = (r = class extends z {
     const e = this.normalizeTime(this.value);
     this._timeValue = e, e ? (!n.isDayjs(this.value) || !e.isSame(this.value, "minute")) && (this.value = e) : this.value !== void 0 && this.value !== null && (this.value = void 0);
   }
+  willUpdate(e) {
+    super.willUpdate(e), e.has("value") && this.value !== this.inputDrivenValue && (this.setValueState = !0, this.inputDrivenValue = void 0);
+  }
   updated(e) {
     if (super.updated(e), e.has("value")) {
       const t = this.normalizeTime(this.value);
@@ -203,7 +206,7 @@ const s = (r = class extends z {
   }
   setValue(e, t = !0, i = !0) {
     var o, d, p, m, u, c;
-    if (this._timeValue = e, this.value = e, t ? (this.setValueState = !0, this.triggerInput.value = this.getFormattedValue(), this.updateTimeGridSelection()) : this.setValueState = !1, this.internals && this.internals.setFormValue(
+    if (this._timeValue = e, this.value = e, t ? (this.setValueState = !0, this.triggerInput.value = this.getFormattedValue(), this.updateTimeGridSelection()) : (this.setValueState = !1, this.inputDrivenValue = e), this.internals && this.internals.setFormValue(
       this.value ? this.showSeconds ? this.value.format("HH:mm:ss") : this.value.format("HH:mm") : this.defaultValue
     ), this.setValidity(), this.closeOnSelection && this.hideTimePicker(), i) {
       const I = v({
@@ -219,7 +222,7 @@ const s = (r = class extends z {
     }
   }
   clearSelection() {
-    return b(this, null, function* () {
+    return g(this, null, function* () {
       this.setValue(void 0, !0, !0);
     });
   }
@@ -227,12 +230,12 @@ const s = (r = class extends z {
     return this.triggerInput;
   }
   showTimePicker() {
-    return b(this, null, function* () {
+    return g(this, null, function* () {
       this.disabled || this.readonly || this.opened || (this.opened = !0, document.addEventListener("mousedown", this.handleDocumentMouseDown));
     });
   }
   hideTimePicker(e) {
-    return b(this, null, function* () {
+    return g(this, null, function* () {
       this.opened && (this.opened = !1, document.removeEventListener("mousedown", this.handleDocumentMouseDown), yield this.updateComplete, e != null && e.skipFocus || this.focus());
     });
   }
@@ -267,7 +270,7 @@ const s = (r = class extends z {
   }
   render() {
     var e, t;
-    return g` <div class="label-container">
+    return b` <div class="label-container">
         ${A({
       label: this.label,
       id: this.labelId,
@@ -282,7 +285,7 @@ const s = (r = class extends z {
       noMargin: !!this.description,
       hideLabel: this.hideLabel
     })}
-        ${this.tooltip && g` <dap-ds-tooltip
+        ${this.tooltip && b` <dap-ds-tooltip
           part="tooltip"
           content=${this.tooltip}
           mode="toggle"
@@ -299,7 +302,7 @@ const s = (r = class extends z {
           </dap-ds-icon-button>
         </dap-ds-tooltip>`}
       </div>
-      ${this.description && g`
+      ${this.description && b`
         <dap-ds-typography
           part="description"
           variant="description"
@@ -370,7 +373,7 @@ const s = (r = class extends z {
       "select-action--readonly": this.readonly,
       "select-action--opened": this.opened
     })}">
-              ${this.clearButton === "true" && !this.readonly ? g`<div class="${y("clear-icon")}">
+              ${this.clearButton === "true" && !this.readonly ? b`<div class="${y("clear-icon")}">
                     <dap-ds-icon-button
                       icon="close-line"
                       part="clear-button"
@@ -385,7 +388,7 @@ const s = (r = class extends z {
                 class="${y("indicator-icon", {
       "indicator-icon--loading": this.loading
     })}">
-                ${this.loading ? g`<dap-ds-icon-loading-spinner></dap-ds-icon-loading-spinner>` : g`<dap-ds-icon-time-line
+                ${this.loading ? b`<dap-ds-icon-loading-spinner></dap-ds-icon-loading-spinner>` : b`<dap-ds-icon-time-line
                       aria-hidden="true"
                       part="time-button"
                       data-testid=${this.timeButtonTestId}
@@ -414,7 +417,7 @@ const s = (r = class extends z {
     }}>
           </dap-ds-time-grid>
         </dap-ds-popup>
-        ${this.feedback && g`<dap-ds-feedback
+        ${this.feedback && b`<dap-ds-feedback
           part="feedback"
           feedbackType=${f(this.feedbackType)}
           feedbackSize="${f(this.size)}"
@@ -425,10 +428,10 @@ const s = (r = class extends z {
   }
 }, r.tagName = "dap-ds-timepicker", r.dependencies = {
   "dap-ds-form-label": q,
-  "dap-ds-tooltip": P,
+  "dap-ds-tooltip": U,
   "dap-ds-icon-button": H,
   "dap-ds-icon": F,
-  "dap-ds-typography": U,
+  "dap-ds-typography": P,
   "dap-ds-popup": E,
   "dap-ds-icon-loading-spinner": M,
   "dap-ds-icon-time-line": O,