@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.2

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

@@ -2,8 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
   _t,
-  _t2,
-  _t3;
+  _t2;
 /**
  * @license
  *
@@ -15,88 +14,56 @@ let _ = t => t,
 
 import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
-import { property, customElement, query } from 'lit/decorators.js';
+import { property, customElement, query, state } from 'lit/decorators.js';
 import Calendar16 from "../../icons/calendar/16";
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
-import ValidityMixin from '../../globals/mixins/validity';
-import { INPUT_SIZE } from '../input/input';
-import { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND, DATE_PICKER_INPUT_SIZE_HORIZONTAL } from './defs';
+import { INPUT_SIZE } from '../text-input/text-input';
+import { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND } from './defs';
+import WarningFilled16 from "../../icons/warning--filled/16";
+import WarningAltFilled16 from "../../icons/warning--alt--filled/16";
 import styles from "././date-picker.css.js";
-export { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND, DATE_PICKER_INPUT_SIZE_HORIZONTAL };
+export { DATE_PICKER_INPUT_COLOR_SCHEME, DATE_PICKER_INPUT_KIND };
 
 /**
  * The input box for date picker.
  *
  * @element cds-date-picker-input
  */
-let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)], function (_initialize, _ValidityMixin) {
-  class BXDatePickerInput extends _ValidityMixin {
+let CDSDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)], function (_initialize, _FocusMixin) {
+  class CDSDatePickerInput extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXDatePickerInput,
+    F: CDSDatePickerInput,
     d: [{
       kind: "field",
       decorators: [query(`.${prefix}--date-picker__icon`)],
       key: "_iconNode",
       value: void 0
     }, {
-      kind: "field",
-      decorators: [query('slot[name="validity-message"]')],
-      key: "_slotValidityMessage",
-      value: void 0
-    }, {
-      kind: "get",
-      key: "_hasValidityMessage",
+      kind: "method",
+      key: "_handleClickWrapper",
       value:
       /**
        * The calendar icon.
        */
 
-      /**
-       * The `<slot>` for the validity message.
-       */
-
-      /**
-       * `true` if validity message is given via `validityMessage` property or via `<slot name="validity-message">`.
-       */
-      function _hasValidityMessage() {
-        const {
-          validityMessage,
-          _slotValidityMessage: slotValidityMessage
-        } = this;
-        return validityMessage || slotValidityMessage && slotValidityMessage.assignedNodes.length > 0;
-      }
-
       /**
        * Handles `click` event on the calendar icon.
        *
        * @param event The event.
        */
-    }, {
-      kind: "method",
-      key: "_handleClickWrapper",
-      value: function _handleClickWrapper(event) {
+      function _handleClickWrapper(event) {
         if (event.target === this._iconNode) {
           this.input.focus();
         }
       }
 
-      /**
-       * Handles `slotchange` event on `<slot name="validity-message">`.
-       */
-    }, {
-      kind: "method",
-      key: "_handleSlotChangeValidityMessage",
-      value: function _handleSlotChangeValidityMessage() {
-        this.requestUpdate();
-      }
-
       /**
        * Handles `input` event on `<input>` in the shadow DOM.
        *
@@ -129,26 +96,29 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
       }
 
       /**
-       * @returns The template for the the validity message.
+       * `true` if there is helper text content.
        */
+    }, {
+      kind: "field",
+      decorators: [state()],
+      key: "_hasHelperText",
+      value() {
+        return false;
+      }
     }, {
       kind: "method",
-      key: "_renderValidityMessage",
-      value: function _renderValidityMessage() {
-        const {
-          validityMessage,
-          _hasValidityMessage: hasValidityMessage,
-          _handleSlotChangeValidityMessage: handleSlotChangeValidityMessage
-        } = this;
-        return html(_t2 || (_t2 = _`
-      <div ?hidden="${0}" class="${0}--form-requirement">
-        <slot
-          name="validity-message"
-          @slotchange="${0}"
-          >${0}</slot
-        >
-      </div>
-    `), !hasValidityMessage, prefix, handleSlotChangeValidityMessage, validityMessage);
+      key: "_handleSlotChange",
+      value:
+      /**
+       * Handles `slotchange` event on the default `<slot>`.
+       */
+      function _handleSlotChange({
+        target
+      }) {
+        if (!target.name) {
+          const hasContent = target.assignedNodes().some(node => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+          this._hasHelperText = hasContent;
+        }
       }
 
       /**
@@ -190,6 +160,34 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "warn",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'warn-text'
+      })],
+      key: "warnText",
+      value() {
+        return '';
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'invalid-text'
+      })],
+      key: "invalidText",
+      value() {
+        return '';
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -232,18 +230,19 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
         type: Boolean,
         reflect: true
       })],
-      key: "required",
+      key: "readonly",
       value() {
         return false;
       }
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'required-validity-message'
+        type: Boolean,
+        reflect: true
       })],
-      key: "requiredValidityMessage",
+      key: "required",
       value() {
-        return 'Please fill out this field.';
+        return false;
       }
     }, {
       kind: "field",
@@ -253,32 +252,23 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
       })],
       key: "size",
       value() {
-        return INPUT_SIZE.REGULAR;
+        return INPUT_SIZE.MEDIUM;
       }
     }, {
       kind: "field",
       decorators: [property({
-        attribute: 'size-horizontal',
+        type: Boolean,
         reflect: true
       })],
-      key: "sizeHorizontal",
+      key: "short",
       value() {
-        return DATE_PICKER_INPUT_SIZE_HORIZONTAL.REGULAR;
+        return false;
       }
     }, {
       kind: "field",
       decorators: [property()],
       key: "type",
       value: void 0
-    }, {
-      kind: "field",
-      decorators: [property({
-        attribute: 'validity-message'
-      })],
-      key: "validityMessage",
-      value() {
-        return '';
-      }
     }, {
       kind: "field",
       decorators: [property()],
@@ -297,6 +287,15 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
       /**
        * `true` if the label should be hidden.
        */
+      /**
+       * Specify whether the control is currently in warning state
+       */
+      /**
+       * Provide the text that is displayed when the control is in warning state
+       */
+      /**
+       * Message which is displayed if the value is invalid.
+       */
       /**
        * Controls the invalid state and visibility of the `validityMessage`.
        */
@@ -313,25 +312,20 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
        * The placeholder text.
        */
       /**
-       * `true` if the value is required.
+       * Specify if the component should be read-only
        */
       /**
-       * The special validity message for `required`.
+       * `true` if the value is required.
        */
       /**
        * Vertical size of this date picker input.
        */
       /**
-       * Horizontal size of this date picker input.
-       * Effective only when `kind` property is `DATE_PICKER_INPUT_KIND.SIMPLE`.
+       * true to use the short version.
        */
       /**
        * The `type` attribute for the `<input>` in the shadow DOM.
        */
-      /**
-       * The validity message.
-       * If present and non-empty, this date picker input shows the UI of its invalid state.
-       */
       /**
        * The value.
        */
@@ -339,17 +333,45 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
         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
         } = this;
+        const invalidIcon = WarningFilled16({
+          class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
+        });
+        const warnIcon = WarningAltFilled16({
+          class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
+        });
+        let normalizedProps = {
+          disabled: !readonly && disabled,
+          invalid: !readonly && invalid,
+          warn: !readonly && !invalid && warn,
+          'slot-name': '',
+          'slot-text': '',
+          icon: null
+        };
+        if (normalizedProps.invalid) {
+          normalizedProps.icon = invalidIcon;
+          normalizedProps['slot-name'] = 'invalid-text';
+          normalizedProps['slot-text'] = invalidText;
+        } else if (normalizedProps.warn) {
+          normalizedProps.icon = warnIcon;
+          normalizedProps['slot-name'] = 'warn-text';
+          normalizedProps['slot-text'] = warnText;
+        }
         const labelClasses = classMap({
           [`${prefix}--label`]: true,
           [`${prefix}--visually-hidden`]: hideLabel,
@@ -357,15 +379,24 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
         });
         const inputClasses = classMap({
           [`${prefix}--date-picker__input`]: true,
+          [`${prefix}--date-picker__input--invalid`]: normalizedProps.invalid,
+          [`${prefix}--date-picker__input--warn`]: normalizedProps.warn,
           [`${prefix}--date-picker__input--${size}`]: size
         });
-        return html(_t3 || (_t3 = _`
+        const inputWrapperClasses = classMap({
+          [`${prefix}--date-picker-input__wrapper`]: true,
+          [`${prefix}--date-picker-input__wrapper--invalid`]: normalizedProps.invalid,
+          [`${prefix}--date-picker-input__wrapper--warn`]: normalizedProps.warn
+        });
+        const helperTextClasses = classMap({
+          [`${prefix}--form__helper-text`]: true,
+          [`${prefix}--form__helper-text--disabled`]: disabled
+        });
+        return html(_t2 || (_t2 = _`
       <label for="input" class="${0}">
         <slot name="label-text">${0}</slot>
       </label>
-      <div
-        class="${0}--date-picker-input__wrapper"
-        @click="${0}">
+      <div class="${0}" @click="${0}">
         <input
           id="input"
           type="${0}"
@@ -375,11 +406,21 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
           placeholder="${0}"
           .value="${0}"
           ?data-invalid="${0}"
-          @input="${0}" />
+          @input="${0}"
+          ?readonly="${0}" />
         ${0}
       </div>
-      ${0}
-    `), labelClasses, labelText, prefix, handleClickWrapper, type, inputClasses, disabled, pattern, ifDefined(placeholder), ifDefined(value), invalid, handleInput, this._renderIcon(), this._renderValidityMessage());
+      <div
+        class="${0}--form-requirement"
+        ?hidden="${0}">
+        <slot name="${0}">
+          ${0}
+        </slot>
+      </div>
+      <div ?hidden="${0}" class="${0}">
+        <slot name="helper-text" @slotchange="${0}"></slot>
+      </div>
+    `), labelClasses, labelText, inputWrapperClasses, handleClickWrapper, type, inputClasses, disabled, pattern, ifDefined(placeholder), ifDefined(value), invalid, handleInput, readonly, normalizedProps.icon || this._renderIcon(), prefix, !normalizedProps.invalid && !normalizedProps.warn, normalizedProps['slot-name'], normalizedProps['slot-text'], hasHelperText, helperTextClasses, this._handleSlotChange);
       }
 
       /**
@@ -431,6 +472,6 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
       }
     }]
   };
-}, ValidityMixin(FocusMixin(LitElement)));
-export default BXDatePickerInput;
+}, FocusMixin(LitElement));
+export default CDSDatePickerInput;
 //# sourceMappingURL=date-picker-input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input.js","names":["classMap","LitElement","html","property","customElement","query","Calendar16","ifDefined","prefix","FocusMixin","ValidityMixin","INPUT_SIZE","DATE_PICKER_INPUT_COLOR_SCHEME","DATE_PICKER_INPUT_KIND","DATE_PICKER_INPUT_SIZE_HORIZONTAL","styles","BXDatePickerInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","_hasValidityMessage","validityMessage","_slotValidityMessage","slotValidityMessage","assignedNodes","length","_handleClickWrapper","event","target","_iconNode","input","focus","_handleSlotChangeValidityMessage","requestUpdate","_handleInput","_renderIcon","SIMPLE","undefined","class","role","children","_t","_","_renderValidityMessage","hasValidityMessage","handleSlotChangeValidityMessage","_t2","attribute","reflect","REGULAR","type","Boolean","render","disabled","hideLabel","invalid","labelText","pattern","defaultPattern","placeholder","size","defaultType","handleClickWrapper","handleInput","labelClasses","inputClasses","_t3","static","selectorParent","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/date-picker/date-picker-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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, customElement, query } from 'lit/decorators.js';\nimport Calendar16 from '@carbon/icons/lib/calendar/16';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_SIZE } from '../input/input';\nimport {\n  DATE_PICKER_INPUT_COLOR_SCHEME,\n  DATE_PICKER_INPUT_KIND,\n  DATE_PICKER_INPUT_SIZE_HORIZONTAL,\n} from './defs';\nimport styles from './date-picker.scss';\n\nexport {\n  DATE_PICKER_INPUT_COLOR_SCHEME,\n  DATE_PICKER_INPUT_KIND,\n  DATE_PICKER_INPUT_SIZE_HORIZONTAL,\n};\n\n/**\n * The input box for date picker.\n *\n * @element cds-date-picker-input\n */\n@customElement(`${prefix}-date-picker-input`)\nclass BXDatePickerInput extends ValidityMixin(FocusMixin(LitElement)) {\n  /**\n   * The calendar icon.\n   */\n  @query(`.${prefix}--date-picker__icon`)\n  private _iconNode!: SVGElement;\n\n  /**\n   * The `<slot>` for the validity message.\n   */\n  @query('slot[name=\"validity-message\"]')\n  private _slotValidityMessage!: HTMLSlotElement;\n\n  /**\n   * `true` if validity message is given via `validityMessage` property or via `<slot name=\"validity-message\">`.\n   */\n  private get _hasValidityMessage() {\n    const { validityMessage, _slotValidityMessage: slotValidityMessage } = this;\n    return (\n      validityMessage ||\n      (slotValidityMessage && slotValidityMessage.assignedNodes.length > 0)\n    );\n  }\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 `slotchange` event on `<slot name=\"validity-message\">`.\n   */\n  private _handleSlotChangeValidityMessage() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `input` event on `<input>` in the shadow DOM.\n   *\n   * @param event The event.\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      : Calendar16({\n          class: `${prefix}--date-picker__icon`,\n          role: 'img',\n          children: [html` <title>Open calendar</title> `],\n        });\n  }\n\n  /**\n   * @returns The template for the the validity message.\n   */\n  private _renderValidityMessage() {\n    const {\n      validityMessage,\n      _hasValidityMessage: hasValidityMessage,\n      _handleSlotChangeValidityMessage: handleSlotChangeValidityMessage,\n    } = this;\n    return html`\n      <div ?hidden=\"${!hasValidityMessage}\" class=\"${prefix}--form-requirement\">\n        <slot\n          name=\"validity-message\"\n          @slotchange=\"${handleSlotChangeValidityMessage}\"\n          >${validityMessage}</slot\n        >\n      </div>\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   * 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   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Vertical size of this date picker input.\n   */\n  @property({ attribute: 'size', reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * Horizontal size of this date picker input.\n   * Effective only when `kind` property is `DATE_PICKER_INPUT_KIND.SIMPLE`.\n   */\n  @property({ attribute: 'size-horizontal', reflect: true })\n  sizeHorizontal = DATE_PICKER_INPUT_SIZE_HORIZONTAL.REGULAR;\n\n  /**\n   * The `type` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  type!: string;\n\n  /**\n   * The validity message.\n   * If present and non-empty, this date picker input shows the UI of its invalid state.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  render() {\n    const constructor = this.constructor as typeof BXDatePickerInput;\n    const {\n      disabled,\n      hideLabel,\n      invalid,\n      labelText,\n      pattern = constructor.defaultPattern,\n      placeholder,\n      size,\n      type = constructor.defaultType,\n      value,\n      _handleClickWrapper: handleClickWrapper,\n      _handleInput: handleInput,\n    } = this;\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--${size}`]: size,\n    });\n    return html`\n      <label for=\"input\" class=\"${labelClasses}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div\n        class=\"${prefix}--date-picker-input__wrapper\"\n        @click=\"${handleClickWrapper}\">\n        <input\n          id=\"input\"\n          type=\"${type}\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          pattern=\"${pattern}\"\n          placeholder=\"${ifDefined(placeholder)}\"\n          .value=\"${ifDefined(value)}\"\n          ?data-invalid=\"${invalid}\"\n          @input=\"${handleInput}\" />\n        ${this._renderIcon()}\n      </div>\n      ${this._renderValidityMessage()}\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  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXDatePickerInput;\n"],"mappings":"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"}
+{"version":3,"file":"date-picker-input.js","names":["classMap","LitElement","html","property","customElement","query","state","Calendar16","ifDefined","prefix","FocusMixin","INPUT_SIZE","DATE_PICKER_INPUT_COLOR_SCHEME","DATE_PICKER_INPUT_KIND","WarningFilled16","WarningAltFilled16","styles","CDSDatePickerInput","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleClickWrapper","event","target","_iconNode","input","focus","_handleInput","_renderIcon","SIMPLE","undefined","class","role","children","_t","_","_handleSlotChange","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","_hasHelperText","attribute","reflect","REGULAR","type","Boolean","MEDIUM","render","disabled","hasHelperText","hideLabel","invalid","invalidText","labelText","pattern","defaultPattern","placeholder","readonly","size","defaultType","warn","warnText","handleClickWrapper","handleInput","invalidIcon","warnIcon","normalizedProps","icon","labelClasses","inputClasses","inputWrapperClasses","helperTextClasses","_t2","static","selectorParent","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/date-picker/date-picker-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\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, customElement, query, state } from 'lit/decorators.js';\nimport Calendar16 from '@carbon/icons/lib/calendar/16';\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 WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport styles from './date-picker.scss';\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   * 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   */\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      : Calendar16({\n          class: `${prefix}--date-picker__icon`,\n          role: 'img',\n          children: [html` <title>Open calendar</title> `],\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)\n        .assignedNodes()\n        .some(\n          (node) =>\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   * 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   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\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   * 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   * Vertical size of this date picker input.\n   */\n  @property({ attribute: 'size', reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * true to use the short version.\n   */\n  @property({ type: Boolean, reflect: true })\n  short = false;\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  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    } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`,\n    });\n\n    let normalizedProps = {\n      disabled: !readonly && disabled,\n      invalid: !readonly && invalid,\n      warn: !readonly && !invalid && warn,\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    });\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        <input\n          id=\"input\"\n          type=\"${type}\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          pattern=\"${pattern}\"\n          placeholder=\"${ifDefined(placeholder)}\"\n          .value=\"${ifDefined(value)}\"\n          ?data-invalid=\"${invalid}\"\n          @input=\"${handleInput}\"\n          ?readonly=\"${readonly}\" />\n        ${normalizedProps.icon || this._renderIcon()}\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  /**\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  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.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes 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}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}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 html{font-size:100%}.cds--fieldset 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--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.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{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);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.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 .cds--toggletip-label{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--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;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 *,.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: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{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=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--number[data-invalid] input[type=number]: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--number[data-invalid] input[type=number]: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[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.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__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:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{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);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.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--select--inline .cds--form__helper-text{margin-top: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;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}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{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fp-slide-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes fp-slide-right{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes fp-fade-out{from{opacity:1}to{opacity:0}}@keyframes fp-fade-in{from{opacity:0}to{opacity:1}}.flatpickr-calendar{position:absolute;overflow:hidden;width:19.6875rem;max-height:0;box-sizing:border-box;padding:0;border:0;animation:none;border-radius:0;direction:ltr;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media screen and (-ms-high-contrast:active),(forced-colors:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-height: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;width:18rem;height:21rem;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem .25rem;border:none;margin-top:-.125rem;background-color:var(--cds-layer-01,#f4f4f4)}.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 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:relative;top:.125rem;display:block}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.dayContainer{display:flex;height:15.375rem;flex-wrap:wrap;justify-content:space-around;padding:0;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:2.5rem;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;width:100%;justify-content:space-between}.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;height:2.5rem;align-items:center;background-color:transparent;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;cursor:pointer;fill:var(--cds-icon-primary,#161616);line-height:16px;text-decoration:none;transform:scale(1,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 (-ms-high-contrast:active),(forced-colors:active){.flatpickr-next-month,.flatpickr-prev-month{fill:ButtonText}}@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;height:1.75rem;align-items:center;justify-content:center;text-align:center}.flatpickr-current-month .cur-month{margin-right:.25rem;margin-left:.25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;width:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.numInputWrapper .numInput{display:inline-block;width:100%;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}.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{top:.25rem;border-bottom:0}.numInputWrapper .arrowUp::after{border-bottom:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{top:.6875rem}.numInputWrapper .arrowDown::after{border-top:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;left:2.6rem;width:.75rem;height:50%;padding:0 .25rem 0 .125rem;border:none;cursor:pointer;line-height:50%;opacity:0}.numInputWrapper .arrowDown::after,.numInputWrapper .arrowUp::after{position:absolute;top:33%;display:block;border-right:.25rem solid transparent;border-left:.25rem solid transparent;content:\"\"}.numInputWrapper .arrowDown:hover::after,.numInputWrapper .arrowUp:hover::after{border-top-color:var(--cds-button-primary,#0f62fe);border-bottom-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active::after,.numInputWrapper .arrowUp:active::after{border-top-color:var(--cds-border-interactive,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp::after{border-bottom-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown::after{border-top-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;height:2.5rem;align-items:center}.flatpickr-weekdaycontainer{display:flex;width: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;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;color:var(--cds-text-primary,#161616);cursor:pointer;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;outline-color:var(--cds-button-primary,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.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;bottom:.4375rem;left:50%;display:block;width:.25rem;height:.25rem;background-color:var(--cds-link-primary,#0f62fe);content:\"\";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 screen and (-ms-high-contrast:active),(forced-colors: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;z-index:3;background:var(--cds-layer-01,#f4f4f4)}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.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 screen and (-ms-high-contrast:active),(forced-colors: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{position:relative;display:flex;align-items:center}.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker__input,.cds--date-picker--simple:host(cds-date-picker) .cds--label,.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{width:7.5rem}.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement,.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{width:9.5rem}.cds--date-picker--simple.cds--date-picker--short:host(cds-date-picker) .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{width:5.7rem}.cds--date-picker--single:host(cds-date-picker) .cds--date-picker__input,.cds--date-picker.cds--date-picker--single .cds--date-picker__input{width: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;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;height:2.5rem;padding:0 1rem;border:none;border-bottom:1px solid var(--cds-border-strong);background-color:var(--cds-field);color:var(--cds-text-primary,#161616);transition:70ms cubic-bezier(.2,0,.38,.9) all}.cds--date-picker__input *,.cds--date-picker__input ::after,.cds--date-picker__input ::before{box-sizing:inherit}.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{border-bottom:1px solid transparent;background-color:var(--cds-field);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-bottom: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{height:3rem}.cds--date-picker__input--sm{height:2rem}.cds--date-picker__icon{position:absolute;z-index:1;top:50%;right:1rem;fill:var(--cds-icon-primary,#161616);pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn{cursor:auto}.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{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-right: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,.cds--date-picker--range>:first-child:host(cds-date-picker-input),.cds--date-picker--range>:first-child:host(cds-date-picker-input-skeleton){margin-right:.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){width:8.96875rem}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton,.cds--skeleton:host(cds-date-picker) input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.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,.cds--skeleton:host(cds-date-picker) input:active,.cds--skeleton:host(cds-date-picker) input:focus,.cds--skeleton:host(cds-date-picker) input:hover{border:none;cursor:default;outline:0}.cds--date-picker.cds--skeleton input::before,.cds--date-picker__input.cds--skeleton::before,.cds--skeleton:host(cds-date-picker) input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";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,.cds--skeleton:host(cds-date-picker) input::before{animation:none}}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder,.cds--skeleton:host(cds-date-picker) input::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder,.cds--skeleton:host(cds-date-picker) input::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label,.cds--skeleton:host(cds-date-picker) .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover,.cds--skeleton:host(cds-date-picker) .cds--label:active,.cds--skeleton:host(cds-date-picker) .cds--label:focus,.cds--skeleton:host(cds-date-picker) .cds--label:hover{border:none;cursor:default;outline:0}.cds--date-picker.cds--skeleton .cds--label::before,.cds--skeleton:host(cds-date-picker) .cds--label::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label::before,.cds--skeleton:host(cds-date-picker) .cds--label::before{animation:none}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--date-picker__icon{fill:ButtonText}}.cds--date-picker__input[readonly]{background:0 0;cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}:host(cds-date-picker) #floating-menu-container{position:absolute;width:100%}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-top: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{cursor:not-allowed;opacity:.5;color:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:0 0}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{fill:var(--cds-layer-selected-inverse,#161616);opacity:.5;cursor:not-allowed}: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:0}:host(cds-date-picker-input[color-scheme=light]) .cds--date-picker__input{background:var(--cds-field-02,#fff)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{width:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple][size-horizontal=short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][size-horizontal=short]) .cds--date-picker__input{width:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-width:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{width:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-right:.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]){width: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{width:8.96875rem}:host(cds-date-picker-input) ::slotted(.cds--date-picker__icon){position:absolute;right:1rem;fill:var(--cds-icon-primary,#161616);cursor:pointer;z-index:1}: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;width:4.6875rem;height:.875rem}: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:0}:host(cds-date-picker-input-skeleton) .cds--label::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-date-picker-input-skeleton) .cds--label::before{animation:none}}",
+  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes 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}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}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 html{font-size:100%}.cds--fieldset 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--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.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{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);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.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 .cds--toggletip-label{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--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;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 *,.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: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{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton::before{animation:none}}input[type=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--number[data-invalid] input[type=number]: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--number[data-invalid] input[type=number]: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[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.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__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:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{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);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.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--select--inline .cds--form__helper-text{margin-top: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;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}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{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes fp-slide-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes fp-slide-right{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes fp-fade-out{from{opacity:1}to{opacity:0}}@keyframes fp-fade-in{from{opacity:0}to{opacity:1}}.flatpickr-calendar{position:absolute;overflow:hidden;width:19.6875rem;max-height:0;box-sizing:border-box;padding:0;border:0;animation:none;border-radius:0;direction:ltr;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media screen and (-ms-high-contrast:active),(forced-colors:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-height: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;width:18rem;height:21rem;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem .25rem;border:none;margin-top:-.125rem;background-color:var(--cds-layer-01,#f4f4f4)}.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 110ms cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:relative;top:.125rem;display:block}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.dayContainer{display:flex;height:15.375rem;flex-wrap:wrap;justify-content:space-around;padding:0;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:2.5rem;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;width:100%;justify-content:space-between}.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;height:2.5rem;align-items:center;background-color:transparent;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;cursor:pointer;fill:var(--cds-icon-primary,#161616);line-height:16px;text-decoration:none;transform:scale(1,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 (-ms-high-contrast:active),(forced-colors:active){.flatpickr-next-month,.flatpickr-prev-month{fill:ButtonText}}@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;height:1.75rem;align-items:center;justify-content:center;text-align:center}.flatpickr-current-month .cur-month{margin-right:.25rem;margin-left:.25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;width:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.numInputWrapper .numInput{display:inline-block;width:100%;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}.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{top:.25rem;border-bottom:0}.numInputWrapper .arrowUp::after{border-bottom:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{top:.6875rem}.numInputWrapper .arrowDown::after{border-top:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;left:2.6rem;width:.75rem;height:50%;padding:0 .25rem 0 .125rem;border:none;cursor:pointer;line-height:50%;opacity:0}.numInputWrapper .arrowDown::after,.numInputWrapper .arrowUp::after{position:absolute;top:33%;display:block;border-right:.25rem solid transparent;border-left:.25rem solid transparent;content:\"\"}.numInputWrapper .arrowDown:hover::after,.numInputWrapper .arrowUp:hover::after{border-top-color:var(--cds-button-primary,#0f62fe);border-bottom-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active::after,.numInputWrapper .arrowUp:active::after{border-top-color:var(--cds-border-interactive,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp::after{border-bottom-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown::after{border-top-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;height:2.5rem;align-items:center}.flatpickr-weekdaycontainer{display:flex;width: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;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;color:var(--cds-text-primary,#161616);cursor:pointer;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;outline-color:var(--cds-button-primary,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.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;bottom:.4375rem;left:50%;display:block;width:.25rem;height:.25rem;background-color:var(--cds-link-primary,#0f62fe);content:\"\";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 screen and (-ms-high-contrast:active),(forced-colors: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;z-index:3;background:var(--cds-layer-01,#f4f4f4)}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.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 screen and (-ms-high-contrast:active),(forced-colors: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{position:relative;display:flex;align-items:center}.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker__input,.cds--date-picker--simple:host(cds-date-picker) .cds--label,.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{width:7.5rem}.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker--simple:host(cds-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement,.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{width:9.5rem}.cds--date-picker--simple.cds--date-picker--short:host(cds-date-picker) .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{width:5.7rem}.cds--date-picker--single:host(cds-date-picker) .cds--date-picker__input,.cds--date-picker.cds--date-picker--single .cds--date-picker__input{width: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;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;height:2.5rem;padding:0 1rem;border:none;border-bottom:1px solid var(--cds-border-strong);background-color:var(--cds-field);color:var(--cds-text-primary,#161616);transition:70ms cubic-bezier(.2,0,.38,.9) all}.cds--date-picker__input *,.cds--date-picker__input ::after,.cds--date-picker__input ::before{box-sizing:inherit}.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{border-bottom:1px solid transparent;background-color:var(--cds-field);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-bottom: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{height:3rem}.cds--date-picker__input--sm{height:2rem}.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;top:50%;right:1rem;fill:var(--cds-icon-primary,#161616);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,:host(cds-date-picker-input) .cds--date-picker__icon~.cds--date-picker__input{padding-right:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon,:host(cds-date-picker-input) .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,.cds--date-picker--range>:first-child:host(cds-date-picker-input),.cds--date-picker--range>:first-child:host(cds-date-picker-input-skeleton){margin-right:.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){width:8.96875rem}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton,.cds--skeleton:host(cds-date-picker) input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.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,.cds--skeleton:host(cds-date-picker) input:active,.cds--skeleton:host(cds-date-picker) input:focus,.cds--skeleton:host(cds-date-picker) input:hover{border:none;cursor:default;outline:0}.cds--date-picker.cds--skeleton input::before,.cds--date-picker__input.cds--skeleton::before,.cds--skeleton:host(cds-date-picker) input::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";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,.cds--skeleton:host(cds-date-picker) input::before{animation:none}}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder,.cds--skeleton:host(cds-date-picker) input::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder,.cds--skeleton:host(cds-date-picker) input::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label,.cds--skeleton:host(cds-date-picker) .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover,.cds--skeleton:host(cds-date-picker) .cds--label:active,.cds--skeleton:host(cds-date-picker) .cds--label:focus,.cds--skeleton:host(cds-date-picker) .cds--label:hover{border:none;cursor:default;outline:0}.cds--date-picker.cds--skeleton .cds--label::before,.cds--skeleton:host(cds-date-picker) .cds--label::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label::before,.cds--skeleton:host(cds-date-picker) .cds--label::before{animation:none}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__icon{fill:ButtonText}}.cds--date-picker__input[readonly]{border-bottom-color:var(--cds-border-subtle);background:0 0;cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}:host(cds-date-picker) #floating-menu-container{position:absolute;width:100%}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-top: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{cursor:not-allowed;opacity:.5;color:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:0 0}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{fill:var(--cds-layer-selected-inverse,#161616);opacity:.5;cursor:not-allowed}: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:0}: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]) .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{width: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{width: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{width:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-width:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{width:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-right:.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]){width: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{width:8.96875rem}: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;width:4.6875rem;height:.875rem}: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:0}:host(cds-date-picker-input-skeleton) .cds--label::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-date-picker-input-skeleton) .cds--label::before{animation:none}}",
 ]);