@carbon/web-components 2.60.0 → 2.61.0

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

@@ -11,8 +11,6 @@ import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";
-import "../text-input/defs.js";
-import "../text-input/text-input.js";
 import { DATE_PICKER_INPUT_KIND } from "./defs.js";
 import date_picker_default from "./date-picker.scss.js";
 import { LitElement, html } from "lit";
@@ -51,6 +49,7 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
 		this.size = "md";
 		this.warn = false;
 		this.warnText = "";
+		this.isFluid = false;
 	}
 	/**
 	* Handles `slotchange` event.
@@ -100,7 +99,7 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
 	}
 	render() {
 		const constructor = this.constructor;
-		const { disabled, _hasHelperText: hasHelperText, hideLabel, invalid, invalidText, labelText, pattern = constructor.defaultPattern, placeholder, readonly, size, type = constructor.defaultType, value, warn, warnText, _handleClickWrapper: handleClickWrapper, _handleInput: handleInput, _hasAILabel: hasAILabel } = this;
+		const { disabled, _hasHelperText: hasHelperText, hideLabel, invalid, invalidText, labelText, pattern = constructor.defaultPattern, placeholder, readonly, size, type = constructor.defaultType, value, warn, warnText, isFluid, _handleClickWrapper: handleClickWrapper, _handleInput: handleInput, _hasAILabel: hasAILabel } = this;
 		const invalidIcon = iconLoader(WarningFilled16, { class: `cds--date-picker__icon cds--date-picker__icon--invalid` });
 		const warnIcon = iconLoader(WarningAltFilled16, { class: `cds--date-picker__icon cds--date-picker__icon--warn` });
 		const normalizedProps = {
@@ -141,6 +140,17 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
 			[`cds--form__helper-text`]: true,
 			[`cds--form__helper-text--disabled`]: disabled
 		});
+		const inputIcon = this._renderIcon();
+		const renderedIcons = isFluid && (normalizedProps.invalid || normalizedProps.warn) ? html`${inputIcon}${normalizedProps.icon}` : normalizedProps.icon || inputIcon;
+		const formRequirement = html`
+      <div
+        class="${"cds"}--form-requirement"
+        ?hidden="${!normalizedProps.invalid && !normalizedProps.warn || disabled || readonly}">
+        <slot name="${normalizedProps["slot-name"]}">
+          ${normalizedProps["slot-text"]}
+        </slot>
+      </div>
+    `;
 		return html`
       <label for="input" class="${labelClasses}">
         <slot name="label-text">${labelText}</slot>
@@ -158,7 +168,7 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
             ?data-invalid="${normalizedProps.invalid}"
             @input="${handleInput}"
             ?readonly="${readonly}" />
-          ${normalizedProps.icon || this._renderIcon()}
+          ${renderedIcons}
           <slot
             name="ai-label"
             @slotchange="${this._handleAILabelSlotChange}"></slot>
@@ -167,23 +177,26 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
             @slotchange="${this._handleAILabelSlotChange}"></slot>
         </span>
       </div>
-      <div
-        class="${"cds"}--form-requirement"
-        ?hidden="${!normalizedProps.invalid && !normalizedProps.warn}">
-        <slot name="${normalizedProps["slot-name"]}">
-          ${normalizedProps["slot-text"]}
-        </slot>
-      </div>
-      <div ?hidden="${hasHelperText}" class="${helperTextClasses}">
-        <slot name="helper-text" @slotchange="${this._handleSlotChange}"></slot>
-      </div>
+      ${isFluid ? html`
+            <hr
+              class="${"cds"}--date-picker__divider"
+              ?hidden="${!normalizedProps.invalid && !normalizedProps.warn || disabled || readonly}" />
+            ${formRequirement}
+          ` : formRequirement}
+      ${!isFluid ? html`
+            <div ?hidden="${hasHelperText}" class="${helperTextClasses}">
+              <slot
+                name="helper-text"
+                @slotchange="${this._handleSlotChange}"></slot>
+            </div>
+          ` : null}
     `;
 	}
 	updated() {
 		this.toggleAttribute("ai-label", this._hasAILabel);
-		const label = this.shadowRoot?.querySelector("slot[name='ai-label']");
+		const label = this._slotAILabelNode;
 		if (label) label?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-ai-label`)?.hasAttribute("revert-active"));
-		else this.shadowRoot?.querySelector("slot[name='slug']")?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-slug`)?.hasAttribute("revert-active"));
+		else this._slotSlugNode?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-slug`)?.hasAttribute("revert-active"));
 	}
 	static {
 		this.defaultPattern = "\\d{1,2}\\/\\d{1,2}\\/\\d{4}";
@@ -222,6 +235,8 @@ let CDSDatePickerInput = class CDSDatePickerInput extends FocusMixin(LitElement)
 	}
 };
 __decorate([query(`.cds--date-picker__icon`)], CDSDatePickerInput.prototype, "_iconNode", void 0);
+__decorate([query("slot[name='ai-label']")], CDSDatePickerInput.prototype, "_slotAILabelNode", void 0);
+__decorate([query("slot[name='slug']")], CDSDatePickerInput.prototype, "_slotSlugNode", void 0);
 __decorate([state()], CDSDatePickerInput.prototype, "_hasHelperText", void 0);
 __decorate([query("input")], CDSDatePickerInput.prototype, "input", void 0);
 __decorate([property({
@@ -269,6 +284,11 @@ __decorate([property({
 	reflect: true
 })], CDSDatePickerInput.prototype, "warn", void 0);
 __decorate([property({ attribute: "warn-text" })], CDSDatePickerInput.prototype, "warnText", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true,
+	attribute: "is-fluid"
+})], CDSDatePickerInput.prototype, "isFluid", void 0);
 CDSDatePickerInput = __decorate([carbonElement(`cds-date-picker-input`)], CDSDatePickerInput);
 var date_picker_input_default = CDSDatePickerInput;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input.js","names":["styles","customElement"],"sources":["../../../src/components/date-picker/date-picker-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND } from './defs';\nimport styles from './date-picker.scss?lit';\nimport Calendar16 from '@carbon/icons/es/calendar/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND };\n\n/**\n * The input box for date picker.\n *\n * @element cds-date-picker-input\n */\n@customElement(`${prefix}-date-picker-input`)\nclass CDSDatePickerInput extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an AI Label.\n   */\n  private _hasAILabel = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDatePickerInput).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDatePickerInput).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * The calendar icon.\n   */\n  @query(`.${prefix}--date-picker__icon`)\n  private _iconNode!: SVGElement;\n\n  /**\n   * Handles `click` event on the calendar icon.\n   *\n   * @param event The event.\n   */\n  private _handleClickWrapper(event: MouseEvent) {\n    if (event.target === this._iconNode) {\n      this.input.focus();\n    }\n  }\n\n  /**\n   * Handles `input` event on `<input>` in the shadow DOM.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLInputElement;\n    this.value = value;\n  }\n\n  /**\n   * @returns The template for the the calendar icon.\n   */\n  private _renderIcon() {\n    return this.kind === DATE_PICKER_INPUT_KIND.SIMPLE\n      ? undefined\n      : iconLoader(Calendar16, {\n          class: `${prefix}--date-picker__icon`,\n          role: 'img',\n          title: 'Open calendar',\n        });\n  }\n\n  /**\n   * `true` if there is helper text content.\n   */\n  @state()\n  protected _hasHelperText = false;\n\n  /**\n   * Handles `slotchange` event on the default `<slot>`.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (!(target as HTMLSlotElement).name) {\n      const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n        (node) =>\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n      this._hasHelperText = hasContent;\n    }\n  }\n\n  /**\n   * The `<input>`, used for Flatpickr to grab.\n   */\n  @query('input')\n  input!: HTMLInputElement;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = DATE_PICKER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Date picker input kind.\n   */\n  @property({ reflect: true })\n  kind = DATE_PICKER_INPUT_KIND.SIMPLE;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  /**\n   * The `pattern` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  pattern!: string;\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder!: string;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * true to use the short version.\n   */\n  @property({ type: Boolean, reflect: true })\n  short = false;\n\n  /**\n   * Vertical size of this date picker input.\n   */\n  @property({ attribute: 'size', reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * The `type` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  type!: string;\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  render() {\n    const constructor = this.constructor as typeof CDSDatePickerInput;\n    const {\n      disabled,\n      _hasHelperText: hasHelperText,\n      hideLabel,\n      invalid,\n      invalidText,\n      labelText,\n      pattern = constructor.defaultPattern,\n      placeholder,\n      readonly,\n      size,\n      type = constructor.defaultType,\n      value,\n      warn,\n      warnText,\n      _handleClickWrapper: handleClickWrapper,\n      _handleInput: handleInput,\n      _hasAILabel: hasAILabel,\n    } = this;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`,\n    });\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: disabled && !readonly,\n      invalid: invalid && !readonly && !disabled,\n      warn: warn && !readonly && !disabled && !invalid,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = warnText;\n    }\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const inputClasses = classMap({\n      [`${prefix}--date-picker__input`]: true,\n      [`${prefix}--date-picker__input--invalid`]: normalizedProps.invalid,\n      [`${prefix}--date-picker__input--warn`]: normalizedProps.warn,\n      [`${prefix}--date-picker__input--${size}`]: size,\n      [`${prefix}--date-picker__input--decorator`]: hasAILabel,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--date-picker-input__wrapper`]: true,\n      [`${prefix}--date-picker-input__wrapper--invalid`]:\n        normalizedProps.invalid,\n      [`${prefix}--date-picker-input__wrapper--warn`]: normalizedProps.warn,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    return html`\n      <label for=\"input\" class=\"${labelClasses}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${inputWrapperClasses}\" @click=\"${handleClickWrapper}\">\n        <span>\n          <input\n            id=\"input\"\n            type=\"${type}\"\n            class=\"${inputClasses}\"\n            ?disabled=\"${normalizedProps.disabled}\"\n            pattern=\"${pattern}\"\n            placeholder=\"${ifDefined(placeholder)}\"\n            .value=\"${ifDefined(value)}\"\n            ?data-invalid=\"${normalizedProps.invalid}\"\n            @input=\"${handleInput}\"\n            ?readonly=\"${readonly}\" />\n          ${normalizedProps.icon || this._renderIcon()}\n          <slot\n            name=\"ai-label\"\n            @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n          <slot\n            name=\"slug\"\n            @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n        </span>\n      </div>\n      <div\n        class=\"${prefix}--form-requirement\"\n        ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n        <slot name=\"${normalizedProps['slot-name']}\">\n          ${normalizedProps['slot-text']}\n        </slot>\n      </div>\n      <div ?hidden=\"${hasHelperText}\" class=\"${helperTextClasses}\">\n        <slot name=\"helper-text\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n    `;\n  }\n\n  updated() {\n    this.toggleAttribute('ai-label', this._hasAILabel);\n    const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n    if (label) {\n      label?.classList.toggle(\n        `${prefix}--slug--revert`,\n        this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n      );\n    } else {\n      this.shadowRoot\n        ?.querySelector(\"slot[name='slug']\")\n        ?.classList.toggle(\n          `${prefix}--slug--revert`,\n          this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n        );\n    }\n  }\n\n  /**\n   * The default value for `pattern` property.\n   */\n  static defaultPattern = '\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}';\n\n  /**\n   * The default value for `type` property.\n   */\n  static defaultType = 'text';\n\n  /**\n   * A selector that will return the parent date picker.\n   */\n  static get selectorParent() {\n    return `${prefix}-date-picker`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSDatePickerInput;\n"],"mappings":"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"}
+{"version":3,"file":"date-picker-input.js","names":["styles","customElement"],"sources":["../../../src/components/date-picker/date-picker-input.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { INPUT_SIZE } from './defs';\nimport { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND } from './defs';\nimport styles from './date-picker.scss?lit';\nimport Calendar16 from '@carbon/icons/es/calendar/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND };\n\n/**\n * The input box for date picker.\n *\n * @element cds-date-picker-input\n */\n@customElement(`${prefix}-date-picker-input`)\nclass CDSDatePickerInput extends FocusMixin(LitElement) {\n  /**\n   * `true` if there is an AI Label.\n   */\n  private _hasAILabel = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDatePickerInput).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDatePickerInput).slugItem\n            )\n          : false\n      );\n\n    this._hasAILabel = Boolean(hasContent);\n    (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    this.requestUpdate();\n  }\n\n  /**\n   * The calendar icon.\n   */\n  @query(`.${prefix}--date-picker__icon`)\n  private _iconNode!: SVGElement;\n\n  /**\n   * The `<slot>` element for the AI label in the shadow DOM.\n   */\n  @query(\"slot[name='ai-label']\")\n  private _slotAILabelNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the slug in the shadow DOM.\n   */\n  @query(\"slot[name='slug']\")\n  private _slotSlugNode!: HTMLSlotElement;\n\n  /**\n   * Handles `click` event on the calendar icon.\n   *\n   * @param event The event.\n   */\n  private _handleClickWrapper(event: MouseEvent) {\n    if (event.target === this._iconNode) {\n      this.input.focus();\n    }\n  }\n\n  /**\n   * Handles `input` event on `<input>` in the shadow DOM.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLInputElement;\n    this.value = value;\n  }\n\n  /**\n   * @returns The template for the the calendar icon.\n   */\n  private _renderIcon() {\n    return this.kind === DATE_PICKER_INPUT_KIND.SIMPLE\n      ? undefined\n      : iconLoader(Calendar16, {\n          class: `${prefix}--date-picker__icon`,\n          role: 'img',\n          title: 'Open calendar',\n        });\n  }\n\n  /**\n   * `true` if there is helper text content.\n   */\n  @state()\n  protected _hasHelperText = false;\n\n  /**\n   * Handles `slotchange` event on the default `<slot>`.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (!(target as HTMLSlotElement).name) {\n      const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n        (node) =>\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n      this._hasHelperText = hasContent;\n    }\n  }\n\n  /**\n   * The `<input>`, used for Flatpickr to grab.\n   */\n  @query('input')\n  input!: HTMLInputElement;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = DATE_PICKER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Date picker input kind.\n   */\n  @property({ reflect: true })\n  kind = DATE_PICKER_INPUT_KIND.SIMPLE;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  /**\n   * The `pattern` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  pattern!: string;\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder!: string;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * true to use the short version.\n   */\n  @property({ type: Boolean, reflect: true })\n  short = false;\n\n  /**\n   * Vertical size of this date picker input.\n   */\n  @property({ attribute: 'size', reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * The `type` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  type!: string;\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Specify whether this is a fluid variant\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-fluid' })\n  isFluid = false;\n\n  render() {\n    const constructor = this.constructor as typeof CDSDatePickerInput;\n    const {\n      disabled,\n      _hasHelperText: hasHelperText,\n      hideLabel,\n      invalid,\n      invalidText,\n      labelText,\n      pattern = constructor.defaultPattern,\n      placeholder,\n      readonly,\n      size,\n      type = constructor.defaultType,\n      value,\n      warn,\n      warnText,\n      isFluid,\n      _handleClickWrapper: handleClickWrapper,\n      _handleInput: handleInput,\n      _hasAILabel: hasAILabel,\n    } = this;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`,\n    });\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n      'slot-name': string;\n      'slot-text': string;\n      icon: ReturnType<typeof iconLoader>;\n    } = {\n      disabled: disabled && !readonly,\n      invalid: invalid && !readonly && !disabled,\n      warn: warn && !readonly && !disabled && !invalid,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = warnText;\n    }\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const inputClasses = classMap({\n      [`${prefix}--date-picker__input`]: true,\n      [`${prefix}--date-picker__input--invalid`]: normalizedProps.invalid,\n      [`${prefix}--date-picker__input--warn`]: normalizedProps.warn,\n      [`${prefix}--date-picker__input--${size}`]: size,\n      [`${prefix}--date-picker__input--decorator`]: hasAILabel,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--date-picker-input__wrapper`]: true,\n      [`${prefix}--date-picker-input__wrapper--invalid`]:\n        normalizedProps.invalid,\n      [`${prefix}--date-picker-input__wrapper--warn`]: normalizedProps.warn,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const inputIcon = this._renderIcon();\n    const renderedIcons =\n      isFluid && (normalizedProps.invalid || normalizedProps.warn)\n        ? html`${inputIcon}${normalizedProps.icon}`\n        : normalizedProps.icon || inputIcon;\n\n    const formRequirement = html`\n      <div\n        class=\"${prefix}--form-requirement\"\n        ?hidden=\"${(!normalizedProps.invalid && !normalizedProps.warn) ||\n        disabled ||\n        readonly}\">\n        <slot name=\"${normalizedProps['slot-name']}\">\n          ${normalizedProps['slot-text']}\n        </slot>\n      </div>\n    `;\n\n    return html`\n      <label for=\"input\" class=\"${labelClasses}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${inputWrapperClasses}\" @click=\"${handleClickWrapper}\">\n        <span>\n          <input\n            id=\"input\"\n            type=\"${type}\"\n            class=\"${inputClasses}\"\n            ?disabled=\"${normalizedProps.disabled}\"\n            pattern=\"${pattern}\"\n            placeholder=\"${ifDefined(placeholder)}\"\n            .value=\"${ifDefined(value)}\"\n            ?data-invalid=\"${normalizedProps.invalid}\"\n            @input=\"${handleInput}\"\n            ?readonly=\"${readonly}\" />\n          ${renderedIcons}\n          <slot\n            name=\"ai-label\"\n            @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n          <slot\n            name=\"slug\"\n            @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n        </span>\n      </div>\n      ${isFluid\n        ? html`\n            <hr\n              class=\"${prefix}--date-picker__divider\"\n              ?hidden=\"${(!normalizedProps.invalid && !normalizedProps.warn) ||\n              disabled ||\n              readonly}\" />\n            ${formRequirement}\n          `\n        : formRequirement}\n      ${!isFluid\n        ? html`\n            <div ?hidden=\"${hasHelperText}\" class=\"${helperTextClasses}\">\n              <slot\n                name=\"helper-text\"\n                @slotchange=\"${this._handleSlotChange}\"></slot>\n            </div>\n          `\n        : null}\n    `;\n  }\n\n  updated() {\n    this.toggleAttribute('ai-label', this._hasAILabel);\n    const label = this._slotAILabelNode;\n\n    if (label) {\n      label?.classList.toggle(\n        `${prefix}--slug--revert`,\n        this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n      );\n    } else {\n      this._slotSlugNode?.classList.toggle(\n        `${prefix}--slug--revert`,\n        this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n      );\n    }\n  }\n\n  /**\n   * The default value for `pattern` property.\n   */\n  static defaultPattern = '\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}';\n\n  /**\n   * The default value for `type` property.\n   */\n  static defaultType = 'text';\n\n  /**\n   * A selector that will return the parent date picker.\n   */\n  static get selectorParent() {\n    return `${prefix}-date-picker`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSDatePickerInput;\n"],"mappings":"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"}

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

@@ -233,6 +233,12 @@ declare class CDSDatePicker extends CDSDatePicker_base {
      * A selector that will return the `<input>` to enter end date.
      */
     static get selectorInputTo(): string;
+    /**
+     * A selector that will return the single date input.
+     * Extracted from _mode getter so subclasses can override it
+     * to match their own input element names (e.g. fluid variant).
+     */
+    static get selectorInputSingle(): string;
     /**
      * The name of the custom event when Flatpickr throws an error.
      */

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

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

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

@@ -72,9 +72,9 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
 	* @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.
 	*/
 	get _mode() {
-		const { selectorInputTo } = this.constructor;
+		const { selectorInputTo, selectorInputSingle } = this.constructor;
 		if (this.querySelector(selectorInputTo)) return "range";
-		if (this.querySelector(`cds-date-picker-input[kind="single"]`)) return "single";
+		if (this.querySelector(selectorInputSingle)) return "single";
 		return "simple";
 	}
 	/**
@@ -368,6 +368,14 @@ let CDSDatePicker = class CDSDatePicker extends HostListenerMixin(FormMixin(LitE
 		return `cds-date-picker-input[kind="to"]`;
 	}
 	/**
+	* A selector that will return the single date input.
+	* Extracted from _mode getter so subclasses can override it
+	* to match their own input element names (e.g. fluid variant).
+	*/
+	static get selectorInputSingle() {
+		return `cds-date-picker-input[kind="single"]`;
+	}
+	/**
 	* The name of the custom event when Flatpickr throws an error.
 	*/
 	static get eventFlatpickrError() {

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":["appendToPlugin","cssClassPlugin","fixEventsPlugin","focusPlugin","iconPlugin","monthSelectPlugin","shadowDOMEventPlugin","stateHandshakePlugin","rangePlugin","styles","customElement"],"sources":["../../../src/components/date-picker/date-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n  Options as FlatpickrOptions,\n  Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { getISODateString, parseISODateString } from './iso-date';\nimport CDSDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\nimport styles from './date-picker.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n// Weekdays shorthand for english locale\n// eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\nflatpickr!.l10ns!.en!.weekdays.shorthand.forEach((_day, index) => {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n  const currentDay = flatpickr!.l10ns!.en!.weekdays.shorthand;\n  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {\n    currentDay[index] = 'Th';\n  } else {\n    currentDay[index] = currentDay[index].charAt(0);\n  }\n});\n\n/**\n * Date picker.\n *\n * @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n * @fires cds-date-picker-flatpickr-error\n *   The name of the custom event when Flatpickr throws an error.\n */\n@customElement(`${prefix}-date-picker`)\nclass CDSDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: CDSDatePickerInput | null = null;\n\n  /**\n   * The element to put calendar dropdown in.\n   */\n  @query('#floating-menu-container')\n  private _floatingMenuContainerNode!: HTMLDivElement;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputTo } = this.constructor as typeof CDSDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (this.querySelector(`${prefix}-date-picker-input[kind=\"single\"]`)) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * @returns The Flatpickr plugins to use.\n   */\n  private get _datePickerPlugins(): FlatpickrPlugin[] {\n    const {\n      classCalendarContainer,\n      classMonth,\n      classWeekdays,\n      classDays,\n      classWeekday,\n      classDay,\n      classNoBorder,\n      selectorInputFrom,\n      selectorInputTo,\n      _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n      _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n      _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n      _selectorFlatpickrMonth: selectorFlatpickrMonth,\n      _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n      _selectorFlatpickrDays: selectorFlatpickrDays,\n      _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n      _selectorFlatpickrDay: selectorFlatpickrDay,\n      _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n      _classFlatpickrToday: classFlatpickrToday,\n    } = this.constructor as typeof CDSDatePicker;\n    const {\n      _floatingMenuContainerNode: floatingMenuContainerNode,\n      _mode: mode,\n    } = this;\n    const inputFrom = this.querySelector(selectorInputFrom);\n    const inputTo = this.querySelector(selectorInputTo);\n    const plugins = [\n      appendToPlugin({ appendTo: floatingMenuContainerNode }),\n      cssClassPlugin({\n        classCalendarContainer,\n        classMonth,\n        classWeekdays,\n        classDays,\n        classWeekday,\n        classDay,\n        classNoBorder,\n        selectorFlatpickrMonth,\n        selectorFlatpickrWeekdays,\n        selectorFlatpickrDays,\n        selectorFlatpickrWeekday,\n        selectorFlatpickrDay,\n        classFlatpickrToday,\n      }),\n      fixEventsPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      focusPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      iconPlugin(),\n      monthSelectPlugin({\n        selectorFlatpickrMonthYearContainer,\n        selectorFlatpickrYearContainer,\n        selectorFlatpickrCurrentMonth,\n        classFlatpickrCurrentMonth,\n      }),\n      shadowDOMEventPlugin(),\n      stateHandshakePlugin(this),\n    ];\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Flatpickr runs event handlers of last registered plugins first.\n      // Ensures `onValueUpdate` of `rangePlugin` runs first\n      // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n      // where `rangePlugin` overrides it to separate them to from/to dates.\n      // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n      // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n      plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n    }\n    return plugins;\n  }\n\n  /**\n   * @returns The options to instantiate Flatpickr with.\n   */\n  private get _datePickerOptions(): FlatpickrOptions {\n    const {\n      locale = (this.constructor as typeof CDSDatePicker).defaultLocale,\n      enabledRange,\n      _dateInteractNode: dateInteractNode,\n      _datePickerPlugins: plugins,\n      _handleFlatpickrError: handleFlatpickrError,\n    } = this;\n    // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n    // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { input: positionElement } = dateInteractNode!;\n    const [minDate = undefined, maxDate = undefined] = !enabledRange\n      ? []\n      : enabledRange.split('/');\n    return {\n      allowInput: this.allowInput,\n      ariaDateFormat: (this.constructor as typeof CDSDatePicker)\n        .defaultAriaDateFormat,\n      closeOnSelect: this.closeOnSelect,\n      dateFormat:\n        this.dateFormat ??\n        (this.constructor as typeof CDSDatePicker).defaultDateFormat,\n      disableMobile: true,\n      errorHandler: handleFlatpickrError,\n      locale,\n      maxDate,\n      minDate,\n      positionElement,\n      plugins,\n    };\n  }\n\n  /**\n   * Handles `${prefix}-date-picker-changed` event on this element.\n   */\n  @HostListener('eventChange')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    this._value = detail.selectedDates\n      .map((date) => getISODateString(date))\n      .join('/');\n  };\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof CDSDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode = dateInteractNode as CDSDatePickerInput;\n      this._instantiateDatePicker();\n    }\n  }\n\n  /**\n   * Fires a custom event to notify an error in Flatpickr.\n   */\n  private _handleFlatpickrError = (error: Error) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSDatePicker).eventFlatpickrError,\n        {\n          bubbles: true,\n          cancelable: false,\n          composed: true,\n          detail: {\n            error,\n          },\n        }\n      )\n    );\n  };\n\n  /**\n   * Sets calendar options\n   * @param property property to set\n   * @param calendar calendar object\n   */\n  private _setCalendar(property, calendar) {\n    const { disabled, dateFormat, open, readonly, minDate, maxDate, value } =\n      this;\n\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof CDSDatePicker;\n    const inputFrom = this.querySelector(\n      selectorInputFrom\n    ) as CDSDatePickerInput;\n    const inputTo = this.querySelector(selectorInputTo) as CDSDatePickerInput;\n\n    if (property === 'dateFormat') {\n      calendar.set({ dateFormat });\n    }\n    if (property === 'date') {\n      if (!parseISODateString(minDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`minDate\\` property: ${minDate}`\n        );\n      }\n      if (!parseISODateString(maxDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`maxDate\\` property: ${maxDate}`\n        );\n      }\n      if (minDate && maxDate && minDate > maxDate) {\n        throw new Error(\n          `\\`maxDate\\` property, shouldn't be smaller than the \\`minDate\\` property. You have: minDate: ${minDate}, maxDate: ${maxDate}`\n        );\n      }\n      calendar.set({ minDate, maxDate });\n    }\n    if (property === 'open') {\n      if (open && !readonly) {\n        calendar.open();\n      } else {\n        calendar.close();\n      }\n    }\n    if (property === 'disabled') {\n      [inputFrom, inputTo].forEach((input) => {\n        if (input) {\n          input.disabled = disabled;\n          input.readonly = readonly;\n        }\n      });\n    }\n    if (property === 'value') {\n      const dates = value\n        .split('/')\n        .filter(Boolean)\n        .map((item) => parseISODateString(item));\n      if (dates.some((item) => isNaN(Number(item)))) {\n        throw new Error(\n          `Wrong date format found in \\`value\\` property: ${value}`\n        );\n      }\n      const [startDate, endDate] = dates;\n      if (startDate && endDate && startDate > endDate) {\n        throw new Error(\n          `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n        );\n      }\n      if (calendar) {\n        calendar.setDate(dates);\n        [inputFrom, inputTo].forEach((input, i) => {\n          if (input) {\n            input.value = !dates[i]\n              ? ''\n              : calendar.formatDate(\n                  new Date(dates[i]),\n                  calendar.config.dateFormat\n                );\n          }\n        });\n      }\n    }\n    return calendar;\n  }\n\n  /**\n   * Instantiates Flatpickr.\n   *\n   * @returns The Flatpickr instance.\n   */\n  private _instantiateDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode } = this;\n    // do not instantiate Flatpickr in \"simple\" mode\n    if (dateInteractNode && dateInteractNode.input && this._mode !== 'simple') {\n      this.calendar = flatpickr(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        dateInteractNode.input as any,\n        this._datePickerOptions\n      );\n    }\n\n    const {\n      calendar,\n      disabled,\n      dateFormat,\n      open,\n      readonly,\n      minDate,\n      maxDate,\n      value,\n    } = this;\n\n    if (calendar) {\n      if (dateFormat) {\n        this._setCalendar('dateFormat', calendar);\n      }\n\n      if (minDate || maxDate) {\n        this._setCalendar('date', calendar);\n      }\n\n      if (open) {\n        this._setCalendar('open', calendar);\n      }\n\n      if (disabled || readonly) {\n        this._setCalendar('disabled', calendar);\n      }\n      if (value) {\n        this._setCalendar('value', calendar);\n      }\n    }\n    return calendar;\n  }\n\n  /**\n   * Releases Flatpickr instances.\n   */\n  private _releaseDatePicker() {\n    if (this.calendar) {\n      this.calendar.destroy();\n      this.calendar = null;\n    }\n    return this.calendar;\n  }\n\n  /**\n   * The Flatpickr instance.\n   */\n  calendar: FlatpickrInstance | null = null;\n\n  /**\n   * flatpickr prop passthrough. Allows the user to enter a date directly into the input field\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-input' })\n  allowInput = true;\n\n  /**\n   * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-select' })\n  closeOnSelect = true;\n\n  /**\n   * The date format to let Flatpickr use.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The date range that a user can pick in calendar dropdown.\n   */\n  @property({ attribute: 'enabled-range' })\n  enabledRange!: string;\n\n  /**\n   * The localization data.\n   */\n  @property({ attribute: false })\n  locale!: FlatpickrLocale;\n\n  /**\n   * The maximum date that a user can start picking from.\n   */\n  @property({ attribute: 'max-date' })\n  maxDate!: string;\n\n  /**\n   * The minimum date that a user can start picking from.\n   */\n  @property({ attribute: 'min-date' })\n  minDate!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._instantiateDatePicker();\n  }\n\n  disconnectedCallback() {\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { calendar } = this;\n    if (calendar) {\n      if (changedProperties.has('dateFormat')) {\n        this._setCalendar('dateFormat', calendar);\n      }\n      if (\n        changedProperties.has('minDate') ||\n        changedProperties.has('maxDate')\n      ) {\n        this._setCalendar('date', calendar);\n      }\n\n      if (changedProperties.has('open')) {\n        this._setCalendar('open', calendar);\n      }\n      if (\n        changedProperties.has('disabled') ||\n        changedProperties.has('readonly')\n      ) {\n        this._setCalendar('disabled', calendar);\n      }\n      if (changedProperties.has('value')) {\n        this._setCalendar('value', calendar);\n      }\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n        tabindex=\"-1\"></a>\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div id=\"floating-menu-container\"></div>\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n        tabindex=\"-1\"></a>\n    `;\n  }\n\n  /**\n   * The CSS selector for Flatpickr's month/year portion.\n   */\n  private static _selectorFlatpickrMonthYearContainer =\n    '.flatpickr-current-month';\n\n  /**\n   * The CSS selector for Flatpickr's year portion.\n   */\n  private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n  /**\n   * The CSS selector for the inner element of Flatpickr's month portion.\n   */\n  private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n  /**\n   * The CSS selector for Flatpickr's month navigator.\n   */\n  private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n  /**\n   * The CSS selector for Flatpickr's container of the weekdays.\n   */\n  private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n  /**\n   * The CSS selector for Flatpickr's container of the days.\n   */\n  private static _selectorFlatpickrDays = '.flatpickr-days';\n\n  /**\n   * The CSS selector applied to Flatpickr's each weekdays.\n   */\n  private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n  /**\n   * The CSS selector applied to Flatpickr's each days.\n   */\n  private static _selectorFlatpickrDay = '.flatpickr-day';\n\n  /**\n   * The CSS class for the inner element of Flatpickr's month portion.\n   */\n  private static _classFlatpickrCurrentMonth = 'cur-month';\n\n  /**\n   * The CSS class applied to Flatpickr's \"today\" highlight.\n   */\n  private static _classFlatpickrToday = 'today';\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default aria date format.\n   */\n  static defaultAriaDateFormat = 'l, F j, Y';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * The default localization data.\n   */\n  static defaultLocale = flatpickr.l10ns.default;\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-date-picker-input,${prefix}-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * The name of the custom event when Flatpickr throws an error.\n   */\n  static get eventFlatpickrError() {\n    return `${prefix}-date-picker-flatpickr-error`;\n  }\n\n  /**\n   * The name of the custom event fired on this element when Flatpickr updates its value.\n   */\n  static get eventChange() {\n    return `${prefix}-date-picker-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDatePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,UAAW,MAAO,GAAI,SAAS,UAAU,SAAS,MAAM,UAAU;CAEhE,MAAM,aAAa,UAAW,MAAO,GAAI,SAAS;CAClD,IAAI,WAAW,WAAW,SAAS,WAAW,WAAW,MACvD,WAAW,SAAS;MAEpB,WAAW,SAAS,WAAW,MAAM,CAAC,OAAO,CAAC;AAElD,CAAC;;;;;;;;;AAUD,IAAA,gBAAA,MACM,sBAAsB,kBAAkB,UAAU,UAAU,CAAC,CAAC,CAAC;;;2BAIZ;wBAmJ9B,EAAE,aAA0B;GACnD,KAAK,SAAS,OAAO,cAClB,KAAK,SAAS,iBAAiB,IAAI,CAAC,CAAC,CACrC,KAAK,GAAG;EACb;gCAiCiC,UAAiB;GAChD,KAAK,cACH,IAAI,YACD,KAAK,YAAqC,qBAC3C;IACE,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,MACF;GACF,CACF,CACF;EACF;kBA0JqC;oBAMxB;uBAMG;kBAYL;cA8BJ;cAMA;kBAMI;;;;;CAlZX,IAAY,QAAQ;EAClB,MAAM,EAAE,oBAAoB,KAAK;EACjC,IAAI,KAAK,cAAc,eAAe,GACpC,OAAA;EAEF,IAAI,KAAK,cAAc,sCAA4C,GACjE,OAAA;EAEF,OAAA;CACF;;;;CAKA,IAAY,qBAAwC;EAClD,MAAM,EACJ,wBACA,YACA,eACA,WACA,cACA,UACA,eACA,mBACA,iBACA,sCAAsC,qCACtC,iCAAiC,gCACjC,gCAAgC,+BAChC,yBAAyB,wBACzB,4BAA4B,2BAC5B,wBAAwB,uBACxB,2BAA2B,0BAC3B,uBAAuB,sBACvB,6BAA6B,4BAC7B,sBAAsB,wBACpB,KAAK;EACT,MAAM,EACJ,4BAA4B,2BAC5B,OAAO,SACL;EACJ,MAAM,YAAY,KAAK,cAAc,iBAAiB;EACtD,MAAM,UAAU,KAAK,cAAc,eAAe;EAClD,MAAM,UAAU;GACdA,yBAAe,EAAE,UAAU,0BAA0B,CAAC;GACtDC,yBAAe;IACb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GACDC,0BAAgB;IACH;IACF;GACX,CAAC;GACDC,qBAAY;IACC;IACF;GACX,CAAC;GACDC,oBAAW;GACXC,4BAAkB;IAChB;IACA;IACA;IACA;GACF,CAAC;GACDC,iCAAqB;GACrBC,+BAAqB,IAAI;EAC3B;EACA,IAAI,SAAA,SAOF,QAAQ,KAAKC,qBAAY,EAAE,OAAO,QAA4B,CAAC,CAAC;EAElE,OAAO;CACT;;;;CAKA,IAAY,qBAAuC;EACjD,MAAM,EACJ,SAAU,KAAK,YAAqC,eACpD,cACA,mBAAmB,kBACnB,oBAAoB,SACpB,uBAAuB,yBACrB;EAIJ,MAAM,EAAE,OAAO,oBAAoB;EACnC,MAAM,CAAC,UAAU,KAAA,GAAW,UAAU,KAAA,KAAa,CAAC,eAChD,CAAC,IACD,aAAa,MAAM,GAAG;EAC1B,OAAO;GACL,YAAY,KAAK;GACjB,gBAAiB,KAAK,YACnB;GACH,eAAe,KAAK;GACpB,YACE,KAAK,cACJ,KAAK,YAAqC;GAC7C,eAAe;GACf,cAAc;GACd;GACA;GACA;GACA;GACA;EACF;CACF;CAcA,gBAAgB,OAAsB;EACpC,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,UAAU,MAAM,UAAU;EAClC,IAAI,CAAC,UACH,SAAS,OAAO,MAAM,KAAK;CAE/B;;;;CAKA,kBAA0B,EAAE,UAAiB;EAC3C,MAAM,EAAE,mBAAmB,wBAAwB;EACnD,MAAM,mBAAoB,OACvB,cAAc,CAAC,CACf,MACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAqB,QACnB,KAAK,YAAqC,iBAC7C,CACJ;EACF,IAAI,wBAAwB,kBAAkB;GAC5C,KAAK,oBAAoB;GACzB,KAAK,uBAAuB;EAC9B;CACF;;;;;;CA0BA,aAAqB,UAAU,UAAU;EACvC,MAAM,EAAE,UAAU,YAAY,MAAM,UAAU,SAAS,SAAS,UAC9D;EAEF,MAAM,EAAE,mBAAmB,oBAAoB,KAC5C;EACH,MAAM,YAAY,KAAK,cACrB,iBACF;EACA,MAAM,UAAU,KAAK,cAAc,eAAe;EAElD,IAAI,aAAa,cACf,SAAS,IAAI,EAAE,WAAW,CAAC;EAE7B,IAAI,aAAa,QAAQ;GACvB,IAAI,CAAC,mBAAmB,OAAO,GAE7B,MAAM,IAAI,MACR,oDAAoD,SACtD;GAEF,IAAI,CAAC,mBAAmB,OAAO,GAE7B,MAAM,IAAI,MACR,oDAAoD,SACtD;GAEF,IAAI,WAAW,WAAW,UAAU,SAClC,MAAM,IAAI,MACR,gGAAgG,QAAQ,aAAa,SACvH;GAEF,SAAS,IAAI;IAAE;IAAS;GAAQ,CAAC;EACnC;EACA,IAAI,aAAa,QACf,IAAI,QAAQ,CAAC,UACX,SAAS,KAAK;OAEd,SAAS,MAAM;EAGnB,IAAI,aAAa,YACf,CAAC,WAAW,OAAO,CAAC,CAAC,SAAS,UAAU;GACtC,IAAI,OAAO;IACT,MAAM,WAAW;IACjB,MAAM,WAAW;GACnB;EACF,CAAC;EAEH,IAAI,aAAa,SAAS;GACxB,MAAM,QAAQ,MACX,MAAM,GAAG,CAAC,CACV,OAAO,OAAO,CAAC,CACf,KAAK,SAAS,mBAAmB,IAAI,CAAC;GACzC,IAAI,MAAM,MAAM,SAAS,MAAM,OAAO,IAAI,CAAC,CAAC,GAC1C,MAAM,IAAI,MACR,kDAAkD,OACpD;GAEF,MAAM,CAAC,WAAW,WAAW;GAC7B,IAAI,aAAa,WAAW,YAAY,SACtC,MAAM,IAAI,MACR,2FAA2F,OAC7F;GAEF,IAAI,UAAU;IACZ,SAAS,QAAQ,KAAK;IACtB,CAAC,WAAW,OAAO,CAAC,CAAC,SAAS,OAAO,MAAM;KACzC,IAAI,OACF,MAAM,QAAQ,CAAC,MAAM,KACjB,KACA,SAAS,WACP,IAAI,KAAK,MAAM,EAAE,GACjB,SAAS,OAAO,UAClB;IAER,CAAC;GACH;EACF;EACA,OAAO;CACT;;;;;;CAOA,yBAAiC;EAC/B,KAAK,mBAAmB;EACxB,MAAM,EAAE,mBAAmB,qBAAqB;EAEhD,IAAI,oBAAoB,iBAAiB,SAAS,KAAK,UAAU,UAC/D,KAAK,WAAW,UAEd,iBAAiB,OACjB,KAAK,kBACP;EAGF,MAAM,EACJ,UACA,UACA,YACA,MACA,UACA,SACA,SACA,UACE;EAEJ,IAAI,UAAU;GACZ,IAAI,YACF,KAAK,aAAa,cAAc,QAAQ;GAG1C,IAAI,WAAW,SACb,KAAK,aAAa,QAAQ,QAAQ;GAGpC,IAAI,MACF,KAAK,aAAa,QAAQ,QAAQ;GAGpC,IAAI,YAAY,UACd,KAAK,aAAa,YAAY,QAAQ;GAExC,IAAI,OACF,KAAK,aAAa,SAAS,QAAQ;EAEvC;EACA,OAAO;CACT;;;;CAKA,qBAA6B;EAC3B,IAAI,KAAK,UAAU;GACjB,KAAK,SAAS,QAAQ;GACtB,KAAK,WAAW;EAClB;EACA,OAAO,KAAK;CACd;;;;CA4EA,IACI,QAAQ;EACV,OAAO,KAAK;CACd;CAEA,IAAI,MAAM,OAAe;EACvB,MAAM,EAAE,QAAQ,aAAa;EAC7B,KAAK,SAAS;EACd,KAAK,cAAc,SAAS,QAAQ;CACtC;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,uBAAuB;CAC9B;CAEA,uBAAuB;EACrB,KAAK,mBAAmB;EACxB,MAAM,qBAAqB;CAC7B;CAEA,QAAQ,mBAAmB;EACzB,MAAM,EAAE,aAAa;EACrB,IAAI,UAAU;GACZ,IAAI,kBAAkB,IAAI,YAAY,GACpC,KAAK,aAAa,cAAc,QAAQ;GAE1C,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,SAAS,GAE/B,KAAK,aAAa,QAAQ,QAAQ;GAGpC,IAAI,kBAAkB,IAAI,MAAM,GAC9B,KAAK,aAAa,QAAQ,QAAQ;GAEpC,IACE,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,GAEhC,KAAK,aAAa,YAAY,QAAQ;GAExC,IAAI,kBAAkB,IAAI,OAAO,GAC/B,KAAK,aAAa,SAAS,QAAQ;EAEvC;CACF;CAEA,SAAS;EACP,MAAM,EAAE,mBAAmB,qBAAqB;EAChD,OAAO,IAAI;;uBAES;;;;2BAIG,iBAAiB;;;uBAGpB;;;;;CAKtB;;8CAME;;;yCAK+C;;;wCAKD;;;iCAKP;;;oCAKG;;;gCAKJ;;;mCAKG;;;+BAKJ;;;qCAKM;;;8BAKP;;;;;CAKtC,WAAW,yBAAyB;EAClC,OAAO;CACT;;;;CAKA,WAAW,aAAa;EACtB,OAAO;CACT;;;;CAKA,WAAW,gBAAgB;EACzB,OAAO;CACT;;;;CAKA,WAAW,YAAY;EACrB,OAAO;CACT;;;;CAKA,WAAW,eAAe;EACxB,OAAO;CACT;;;;CAKA,WAAW,WAAW;EACpB,OAAO;CACT;;uBAKuB;;;+BAKQ;;;2BAKJ;;;uBAKJ,UAAU,MAAM;;;;;CAKvC,WAAW,oBAAoB;EAC7B,OAAO;CACT;;;;CAKA,WAAW,kBAAkB;EAC3B,OAAO;CACT;;;;CAKA,WAAW,sBAAsB;EAC/B,OAAO;CACT;;;;CAKA,WAAW,cAAc;EACvB,OAAO;CACT;;gBAEgBC;;AAClB;YAnnBG,MAAM,0BAA0B,CAAA,GAAA,cAAA,WAAA,8BAAA,KAAA,CAAA;YA2IhC,aAAa,aAAa,CAAA,GAAA,cAAA,WAAA,iBAAA,KAAA,CAAA;YAqN1B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAc,CAAC,CAAA,GAAA,cAAA,WAAA,cAAA,KAAA,CAAA;YAMnE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAA,cAAA,WAAA,iBAAA,KAAA,CAAA;YAMvE,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,GAAA,cAAA,WAAA,cAAA,KAAA,CAAA;YAMrC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMvC,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,cAAA,WAAA,UAAA,KAAA,CAAA;YAM7B,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,GAAA,cAAA,WAAA,WAAA,KAAA,CAAA;YAMlC,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,GAAA,cAAA,WAAA,WAAA,KAAA,CAAA;YAMlC,SAAS,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,CAAA,GAAA,cAAA,WAAA,SAAA,IAAA;4BA5aXC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA+nBtC,IAAA,sBAAe"}
+{"version":3,"file":"date-picker.js","names":["appendToPlugin","cssClassPlugin","fixEventsPlugin","focusPlugin","iconPlugin","monthSelectPlugin","shadowDOMEventPlugin","stateHandshakePlugin","rangePlugin","styles","customElement"],"sources":["../../../src/components/date-picker/date-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n  Options as FlatpickrOptions,\n  Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { getISODateString, parseISODateString } from './iso-date';\nimport CDSDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\nimport styles from './date-picker.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n// Weekdays shorthand for english locale\n// eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\nflatpickr!.l10ns!.en!.weekdays.shorthand.forEach((_day, index) => {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n  const currentDay = flatpickr!.l10ns!.en!.weekdays.shorthand;\n  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {\n    currentDay[index] = 'Th';\n  } else {\n    currentDay[index] = currentDay[index].charAt(0);\n  }\n});\n\n/**\n * Date picker.\n *\n * @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n * @fires cds-date-picker-flatpickr-error\n *   The name of the custom event when Flatpickr throws an error.\n */\n@customElement(`${prefix}-date-picker`)\nclass CDSDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: CDSDatePickerInput | null = null;\n\n  /**\n   * The element to put calendar dropdown in.\n   */\n  @query('#floating-menu-container')\n  private _floatingMenuContainerNode!: HTMLDivElement;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputTo, selectorInputSingle } = this\n      .constructor as typeof CDSDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (this.querySelector(selectorInputSingle)) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * @returns The Flatpickr plugins to use.\n   */\n  private get _datePickerPlugins(): FlatpickrPlugin[] {\n    const {\n      classCalendarContainer,\n      classMonth,\n      classWeekdays,\n      classDays,\n      classWeekday,\n      classDay,\n      classNoBorder,\n      selectorInputFrom,\n      selectorInputTo,\n      _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n      _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n      _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n      _selectorFlatpickrMonth: selectorFlatpickrMonth,\n      _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n      _selectorFlatpickrDays: selectorFlatpickrDays,\n      _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n      _selectorFlatpickrDay: selectorFlatpickrDay,\n      _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n      _classFlatpickrToday: classFlatpickrToday,\n    } = this.constructor as typeof CDSDatePicker;\n    const {\n      _floatingMenuContainerNode: floatingMenuContainerNode,\n      _mode: mode,\n    } = this;\n    const inputFrom = this.querySelector(selectorInputFrom);\n    const inputTo = this.querySelector(selectorInputTo);\n    const plugins = [\n      appendToPlugin({ appendTo: floatingMenuContainerNode }),\n      cssClassPlugin({\n        classCalendarContainer,\n        classMonth,\n        classWeekdays,\n        classDays,\n        classWeekday,\n        classDay,\n        classNoBorder,\n        selectorFlatpickrMonth,\n        selectorFlatpickrWeekdays,\n        selectorFlatpickrDays,\n        selectorFlatpickrWeekday,\n        selectorFlatpickrDay,\n        classFlatpickrToday,\n      }),\n      fixEventsPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      focusPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      iconPlugin(),\n      monthSelectPlugin({\n        selectorFlatpickrMonthYearContainer,\n        selectorFlatpickrYearContainer,\n        selectorFlatpickrCurrentMonth,\n        classFlatpickrCurrentMonth,\n      }),\n      shadowDOMEventPlugin(),\n      stateHandshakePlugin(this),\n    ];\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Flatpickr runs event handlers of last registered plugins first.\n      // Ensures `onValueUpdate` of `rangePlugin` runs first\n      // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n      // where `rangePlugin` overrides it to separate them to from/to dates.\n      // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n      // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n      plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n    }\n    return plugins;\n  }\n\n  /**\n   * @returns The options to instantiate Flatpickr with.\n   */\n  private get _datePickerOptions(): FlatpickrOptions {\n    const {\n      locale = (this.constructor as typeof CDSDatePicker).defaultLocale,\n      enabledRange,\n      _dateInteractNode: dateInteractNode,\n      _datePickerPlugins: plugins,\n      _handleFlatpickrError: handleFlatpickrError,\n    } = this;\n    // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n    // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { input: positionElement } = dateInteractNode!;\n    const [minDate = undefined, maxDate = undefined] = !enabledRange\n      ? []\n      : enabledRange.split('/');\n    return {\n      allowInput: this.allowInput,\n      ariaDateFormat: (this.constructor as typeof CDSDatePicker)\n        .defaultAriaDateFormat,\n      closeOnSelect: this.closeOnSelect,\n      dateFormat:\n        this.dateFormat ??\n        (this.constructor as typeof CDSDatePicker).defaultDateFormat,\n      disableMobile: true,\n      errorHandler: handleFlatpickrError,\n      locale,\n      maxDate,\n      minDate,\n      positionElement,\n      plugins,\n    };\n  }\n\n  /**\n   * Handles `${prefix}-date-picker-changed` event on this element.\n   */\n  @HostListener('eventChange')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    this._value = detail.selectedDates\n      .map((date) => getISODateString(date))\n      .join('/');\n  };\n\n  _handleFormdata(event: FormDataEvent) {\n    const { formData } = event;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof CDSDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode = dateInteractNode as CDSDatePickerInput;\n      this._instantiateDatePicker();\n    }\n  }\n\n  /**\n   * Fires a custom event to notify an error in Flatpickr.\n   */\n  private _handleFlatpickrError = (error: Error) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSDatePicker).eventFlatpickrError,\n        {\n          bubbles: true,\n          cancelable: false,\n          composed: true,\n          detail: {\n            error,\n          },\n        }\n      )\n    );\n  };\n\n  /**\n   * Sets calendar options\n   * @param property property to set\n   * @param calendar calendar object\n   */\n  private _setCalendar(property, calendar) {\n    const { disabled, dateFormat, open, readonly, minDate, maxDate, value } =\n      this;\n\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof CDSDatePicker;\n    const inputFrom = this.querySelector(\n      selectorInputFrom\n    ) as CDSDatePickerInput;\n    const inputTo = this.querySelector(selectorInputTo) as CDSDatePickerInput;\n\n    if (property === 'dateFormat') {\n      calendar.set({ dateFormat });\n    }\n    if (property === 'date') {\n      if (!parseISODateString(minDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`minDate\\` property: ${minDate}`\n        );\n      }\n      if (!parseISODateString(maxDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`maxDate\\` property: ${maxDate}`\n        );\n      }\n      if (minDate && maxDate && minDate > maxDate) {\n        throw new Error(\n          `\\`maxDate\\` property, shouldn't be smaller than the \\`minDate\\` property. You have: minDate: ${minDate}, maxDate: ${maxDate}`\n        );\n      }\n      calendar.set({ minDate, maxDate });\n    }\n    if (property === 'open') {\n      if (open && !readonly) {\n        calendar.open();\n      } else {\n        calendar.close();\n      }\n    }\n    if (property === 'disabled') {\n      [inputFrom, inputTo].forEach((input) => {\n        if (input) {\n          input.disabled = disabled;\n          input.readonly = readonly;\n        }\n      });\n    }\n    if (property === 'value') {\n      const dates = value\n        .split('/')\n        .filter(Boolean)\n        .map((item) => parseISODateString(item));\n      if (dates.some((item) => isNaN(Number(item)))) {\n        throw new Error(\n          `Wrong date format found in \\`value\\` property: ${value}`\n        );\n      }\n      const [startDate, endDate] = dates;\n      if (startDate && endDate && startDate > endDate) {\n        throw new Error(\n          `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n        );\n      }\n      if (calendar) {\n        calendar.setDate(dates);\n        [inputFrom, inputTo].forEach((input, i) => {\n          if (input) {\n            input.value = !dates[i]\n              ? ''\n              : calendar.formatDate(\n                  new Date(dates[i]),\n                  calendar.config.dateFormat\n                );\n          }\n        });\n      }\n    }\n    return calendar;\n  }\n\n  /**\n   * Instantiates Flatpickr.\n   *\n   * @returns The Flatpickr instance.\n   */\n  private _instantiateDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode } = this;\n    // do not instantiate Flatpickr in \"simple\" mode\n    if (dateInteractNode && dateInteractNode.input && this._mode !== 'simple') {\n      this.calendar = flatpickr(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        dateInteractNode.input as any,\n        this._datePickerOptions\n      );\n    }\n\n    const {\n      calendar,\n      disabled,\n      dateFormat,\n      open,\n      readonly,\n      minDate,\n      maxDate,\n      value,\n    } = this;\n\n    if (calendar) {\n      if (dateFormat) {\n        this._setCalendar('dateFormat', calendar);\n      }\n\n      if (minDate || maxDate) {\n        this._setCalendar('date', calendar);\n      }\n\n      if (open) {\n        this._setCalendar('open', calendar);\n      }\n\n      if (disabled || readonly) {\n        this._setCalendar('disabled', calendar);\n      }\n      if (value) {\n        this._setCalendar('value', calendar);\n      }\n    }\n    return calendar;\n  }\n\n  /**\n   * Releases Flatpickr instances.\n   */\n  private _releaseDatePicker() {\n    if (this.calendar) {\n      this.calendar.destroy();\n      this.calendar = null;\n    }\n    return this.calendar;\n  }\n\n  /**\n   * The Flatpickr instance.\n   */\n  calendar: FlatpickrInstance | null = null;\n\n  /**\n   * flatpickr prop passthrough. Allows the user to enter a date directly into the input field\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-input' })\n  allowInput = true;\n\n  /**\n   * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-select' })\n  closeOnSelect = true;\n\n  /**\n   * The date format to let Flatpickr use.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The date range that a user can pick in calendar dropdown.\n   */\n  @property({ attribute: 'enabled-range' })\n  enabledRange!: string;\n\n  /**\n   * The localization data.\n   */\n  @property({ attribute: false })\n  locale!: FlatpickrLocale;\n\n  /**\n   * The maximum date that a user can start picking from.\n   */\n  @property({ attribute: 'max-date' })\n  maxDate!: string;\n\n  /**\n   * The minimum date that a user can start picking from.\n   */\n  @property({ attribute: 'min-date' })\n  minDate!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._instantiateDatePicker();\n  }\n\n  disconnectedCallback() {\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { calendar } = this;\n    if (calendar) {\n      if (changedProperties.has('dateFormat')) {\n        this._setCalendar('dateFormat', calendar);\n      }\n      if (\n        changedProperties.has('minDate') ||\n        changedProperties.has('maxDate')\n      ) {\n        this._setCalendar('date', calendar);\n      }\n\n      if (changedProperties.has('open')) {\n        this._setCalendar('open', calendar);\n      }\n      if (\n        changedProperties.has('disabled') ||\n        changedProperties.has('readonly')\n      ) {\n        this._setCalendar('disabled', calendar);\n      }\n      if (changedProperties.has('value')) {\n        this._setCalendar('value', calendar);\n      }\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n        tabindex=\"-1\"></a>\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div id=\"floating-menu-container\"></div>\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"\n        tabindex=\"-1\"></a>\n    `;\n  }\n\n  /**\n   * The CSS selector for Flatpickr's month/year portion.\n   */\n  private static _selectorFlatpickrMonthYearContainer =\n    '.flatpickr-current-month';\n\n  /**\n   * The CSS selector for Flatpickr's year portion.\n   */\n  private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n  /**\n   * The CSS selector for the inner element of Flatpickr's month portion.\n   */\n  private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n  /**\n   * The CSS selector for Flatpickr's month navigator.\n   */\n  private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n  /**\n   * The CSS selector for Flatpickr's container of the weekdays.\n   */\n  private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n  /**\n   * The CSS selector for Flatpickr's container of the days.\n   */\n  private static _selectorFlatpickrDays = '.flatpickr-days';\n\n  /**\n   * The CSS selector applied to Flatpickr's each weekdays.\n   */\n  private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n  /**\n   * The CSS selector applied to Flatpickr's each days.\n   */\n  private static _selectorFlatpickrDay = '.flatpickr-day';\n\n  /**\n   * The CSS class for the inner element of Flatpickr's month portion.\n   */\n  private static _classFlatpickrCurrentMonth = 'cur-month';\n\n  /**\n   * The CSS class applied to Flatpickr's \"today\" highlight.\n   */\n  private static _classFlatpickrToday = 'today';\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default aria date format.\n   */\n  static defaultAriaDateFormat = 'l, F j, Y';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * The default localization data.\n   */\n  static defaultLocale = flatpickr.l10ns.default;\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-date-picker-input,${prefix}-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * A selector that will return the single date input.\n   * Extracted from _mode getter so subclasses can override it\n   * to match their own input element names (e.g. fluid variant).\n   */\n  static get selectorInputSingle() {\n    return `${prefix}-date-picker-input[kind=\"single\"]`;\n  }\n\n  /**\n   * The name of the custom event when Flatpickr throws an error.\n   */\n  static get eventFlatpickrError() {\n    return `${prefix}-date-picker-flatpickr-error`;\n  }\n\n  /**\n   * The name of the custom event fired on this element when Flatpickr updates its value.\n   */\n  static get eventChange() {\n    return `${prefix}-date-picker-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDatePicker;\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/date-picker/date-picker.scss?lit
-var date_picker_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;inline-size:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker,:host(cds-date-picker){display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label,:host(cds-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds--date-picker-container .cds--label,:host(cds-date-picker-input) .cds--label,:host(cds-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{display:flex;align-items:center}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input,.cds--date-picker--range :host(cds-date-picker-input),.cds--date-picker--range :host(cds-date-picker-input-skeleton){inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker) #floating-menu-container{position:fixed;z-index:9100;inline-size:100%}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-date-picker) .flatpickr-next-month svg,:host(cds-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){outline:none}:host(cds-date-picker-input) .cds--form-requirement[hidden],:host(cds-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}:host(cds-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}:host(cds-date-picker-input-skeleton[kind=simple][short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][short]) .cds--date-picker__input{inline-size:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-inline-end:.0625rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input-skeleton[kind=to]),:host(cds-date-picker-input[kind=from]),:host(cds-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input) ::slotted(cds-ai-label),:host(cds-date-picker-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:2.5rem}:host(cds-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-date-picker-input-skeleton){display:inline-block}:host(cds-date-picker-input-skeleton) .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-date-picker-input-skeleton) .cds--label:active,:host(cds-date-picker-input-skeleton) .cds--label:focus,:host(cds-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}:host(cds-date-picker-input-skeleton) .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-date-picker-input-skeleton) .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-date-picker-input-skeleton) .cds--label{background:CanvasText}:host(cds-date-picker-input-skeleton) .cds--label:before{background:Canvas;forced-color-adjust:none}}:host(cds-date-picker-input-skeleton) .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker-input-skeleton) .cds--date-picker-input-skeleton-container{display:inline-block}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container{inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input[ai-label]) .cds--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}"]);
+var date_picker_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;inline-size:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker,:host(cds-date-picker){display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label,:host(cds-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds--date-picker-container .cds--label,:host(cds-date-picker-input) .cds--label,:host(cds-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{display:flex;align-items:center}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input,.cds--date-picker--range :host(cds-date-picker-input),.cds--date-picker--range :host(cds-date-picker-input-skeleton){inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker) #floating-menu-container{position:fixed;z-index:9100;inline-size:100%}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-date-picker) .flatpickr-next-month svg,:host(cds-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){outline:none}:host(cds-date-picker-input) .cds--form-requirement[hidden],:host(cds-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}:host(cds-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}:host(cds-date-picker-input-skeleton[kind=simple][short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][short]) .cds--date-picker__input{inline-size:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-inline-end:.0625rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input-skeleton[kind=to]),:host(cds-date-picker-input[kind=from]),:host(cds-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input) ::slotted(cds-ai-label),:host(cds-date-picker-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:2.5rem}:host(cds-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-date-picker-input-skeleton){display:inline-block}:host(cds-date-picker-input-skeleton) .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-date-picker-input-skeleton) .cds--label:active,:host(cds-date-picker-input-skeleton) .cds--label:focus,:host(cds-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}:host(cds-date-picker-input-skeleton) .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-date-picker-input-skeleton) .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-date-picker-input-skeleton) .cds--label{background:CanvasText}:host(cds-date-picker-input-skeleton) .cds--label:before{background:Canvas;forced-color-adjust:none}}:host(cds-date-picker-input-skeleton) .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker-input-skeleton) .cds--date-picker-input-skeleton-container{display:inline-block}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container{inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input[ai-label]) .cds--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--form-requirement{box-sizing:border-box;inline-size:0;min-inline-size:100%}"]);
 //#endregion
 export { date_picker_default as default };