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

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

@@ -9,7 +9,7 @@
 import { LitElement } from 'lit';
 import { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';
 import { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';
-declare const BXDatePicker_base: {
+declare const CDSDatePicker_base: {
     new (...args: any[]): {
         _handles: Set<import("../../globals/internal/handle").default>;
         connectedCallback(): void;
@@ -638,7 +638,7 @@ declare const BXDatePicker_base: {
  * @element cds-date-picker
  * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.
  */
-declare class BXDatePicker extends BXDatePicker_base {
+declare class CDSDatePicker extends CDSDatePicker_base {
     /**
      * The slotted `<cds-date-input kind="from">`.
      */
@@ -690,6 +690,14 @@ declare class BXDatePicker extends BXDatePicker_base {
      * The Flatpickr instance.
      */
     calendar: FlatpickrInstance | null;
+    /**
+     * flatpickr prop passthrough. Allows the user to enter a date directly into the input field
+     */
+    allowInput: boolean;
+    /**
+     * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.
+     */
+    closeOnSelect: boolean;
     /**
      * The date format to let Flatpickr use.
      */
@@ -706,6 +714,14 @@ declare class BXDatePicker extends BXDatePicker_base {
      * The date range that a user can pick in calendar dropdown.
      */
     enabledRange: string;
+    /**
+     * The minimum date that a user can start picking from.
+     */
+    minDate: string;
+    /**
+     * The maximum date that a user can start picking from.
+     */
+    maxDate: string;
     /**
      * Name for the input in the `FormData`
      */
@@ -714,6 +730,10 @@ declare class BXDatePicker extends BXDatePicker_base {
      * `true` if the date picker should be open.
      */
     open: boolean;
+    /**
+     * Specify if the component should be read-only
+     */
+    readonly: boolean;
     /**
      * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.
      */
@@ -817,6 +837,6 @@ declare class BXDatePicker extends BXDatePicker_base {
     static get eventChange(): string;
     static styles: any;
 }
-export default BXDatePicker;
+export default CDSDatePicker;
 
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"sources":["components/date-picker/date-picker.ts"],"names":[],"mappings":"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","file":"date-picker.d.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n  Options as FlatpickrOptions,\n  Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { getISODateString, parseISODateString } from './iso-date';\nimport BXDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\nimport styles from './date-picker.scss';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n/**\n * Date picker.\n *\n * @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n */\n@customElement(`${prefix}-date-picker`)\nclass BXDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: BXDatePickerInput | null = null;\n\n  /**\n   * The element to put calendar dropdown in.\n   */\n  @query('#floating-menu-container')\n  private _floatingMenuContainerNode!: HTMLDivElement;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof BXDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (this.querySelector(selectorInputFrom)) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * @returns The Flatpickr plugins to use.\n   */\n  private get _datePickerPlugins(): FlatpickrPlugin[] {\n    const {\n      classCalendarContainer,\n      classMonth,\n      classWeekdays,\n      classDays,\n      classWeekday,\n      classDay,\n      classNoBorder,\n      selectorInputFrom,\n      selectorInputTo,\n      _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n      _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n      _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n      _selectorFlatpickrMonth: selectorFlatpickrMonth,\n      _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n      _selectorFlatpickrDays: selectorFlatpickrDays,\n      _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n      _selectorFlatpickrDay: selectorFlatpickrDay,\n      _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n      _classFlatpickrToday: classFlatpickrToday,\n    } = this.constructor as typeof BXDatePicker;\n    const {\n      _floatingMenuContainerNode: floatingMenuContainerNode,\n      _mode: mode,\n    } = this;\n    const inputFrom = this.querySelector(selectorInputFrom);\n    const inputTo = this.querySelector(selectorInputTo);\n    const plugins = [\n      appendToPlugin({ appendTo: floatingMenuContainerNode }),\n      cssClassPlugin({\n        classCalendarContainer,\n        classMonth,\n        classWeekdays,\n        classDays,\n        classWeekday,\n        classDay,\n        classNoBorder,\n        selectorFlatpickrMonth,\n        selectorFlatpickrWeekdays,\n        selectorFlatpickrDays,\n        selectorFlatpickrWeekday,\n        selectorFlatpickrDay,\n        classFlatpickrToday,\n      }),\n      fixEventsPlugin({\n        inputFrom: inputFrom as BXDatePickerInput,\n        inputTo: inputTo as BXDatePickerInput,\n      }),\n      focusPlugin({\n        inputFrom: inputFrom as BXDatePickerInput,\n        inputTo: inputTo as BXDatePickerInput,\n      }),\n      iconPlugin(),\n      monthSelectPlugin({\n        selectorFlatpickrMonthYearContainer,\n        selectorFlatpickrYearContainer,\n        selectorFlatpickrCurrentMonth,\n        classFlatpickrCurrentMonth,\n      }),\n      shadowDOMEventPlugin(),\n      stateHandshakePlugin(this),\n    ];\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Flatpickr runs event handlers of last registered plugins first.\n      // Ensures `onValueUpdate` of `rangePlugin` runs first\n      // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n      // where `rangePlugin` overrides it to separate them to from/to dates.\n      // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n      // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n      plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n    }\n    return plugins;\n  }\n\n  /**\n   * @returns The options to instantiate Flatpickr with.\n   */\n  private get _datePickerOptions(): FlatpickrOptions {\n    const {\n      locale = (this.constructor as typeof BXDatePicker).defaultLocale,\n      enabledRange,\n      _dateInteractNode: dateInteractNode,\n      _datePickerPlugins: plugins,\n      _handleFlatpickrError: handleFlatpickrError,\n    } = this;\n    // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n    // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n    const { input: positionElement } = dateInteractNode!;\n    const [minDate = undefined, maxDate = undefined] = !enabledRange\n      ? []\n      : enabledRange.split('/');\n    return {\n      allowInput: true,\n      dateFormat:\n        this.dateFormat ??\n        (this.constructor as typeof BXDatePicker).defaultDateFormat,\n      disableMobile: true,\n      errorHandler: handleFlatpickrError,\n      locale,\n      maxDate,\n      minDate,\n      positionElement,\n      plugins,\n    };\n  }\n\n  /**\n   * Handles `${prefix}-date-picker-changed` event on this element.\n   */\n  @HostListener('eventChange')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    this._value = detail.selectedDates\n      .map((date) => getISODateString(date))\n      .join('/');\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof BXDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode = dateInteractNode as BXDatePickerInput;\n      this._instantiateDatePicker();\n    }\n  }\n\n  /**\n   * Fires a custom event to notify an error in Flatpickr.\n   */\n  private _handleFlatpickrError = (error: Error) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXDatePicker).eventFlatpickrError,\n        {\n          bubbles: true,\n          cancelable: false,\n          composed: true,\n          detail: {\n            error,\n          },\n        }\n      )\n    );\n  };\n\n  /**\n   * Instantiates Flatpickr.\n   *\n   * @returns The Flatpickr instance.\n   */\n  private _instantiateDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode } = this;\n    // `this._dateInteractNode` won't be there unless there is a slotted `<cds-date-input type=\"from\">`,\n    // which means Flatpickr will never be instantiated in \"simple\" mode.\n    if (dateInteractNode && dateInteractNode.input) {\n      this.calendar = flatpickr(\n        dateInteractNode as any,\n        this._datePickerOptions\n      );\n    }\n    return this.calendar;\n  }\n\n  /**\n   * Releases Flatpickr instances.\n   */\n  private _releaseDatePicker() {\n    if (this.calendar) {\n      this.calendar.destroy();\n      this.calendar = null;\n    }\n    return this.calendar;\n  }\n\n  /**\n   * The Flatpickr instance.\n   */\n  calendar: FlatpickrInstance | null = null;\n\n  /**\n   * The date format to let Flatpickr use.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The localization data.\n   */\n  @property({ attribute: false })\n  locale!: FlatpickrLocale;\n\n  /**\n   * The date range that a user can pick in calendar dropdown.\n   */\n  @property({ attribute: 'enabled-range' })\n  enabledRange!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._instantiateDatePicker();\n  }\n\n  disconnectedCallback() {\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { calendar, disabled, open } = this;\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof BXDatePicker;\n    const inputFrom = this.querySelector(\n      selectorInputFrom\n    ) as BXDatePickerInput;\n    const inputTo = this.querySelector(selectorInputTo) as BXDatePickerInput;\n    if (calendar && changedProperties.has('dateFormat')) {\n      const { dateFormat } = this;\n      calendar.set({ dateFormat });\n    }\n    if (changedProperties.has('enabledRange')) {\n      const { enabledRange } = this;\n      const dates = enabledRange\n        .split('/')\n        .map((item) => (!item ? undefined : parseISODateString(item))); // Allows empty start/end\n      if (dates.some((item) => Boolean(item && isNaN(Number(item))))) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`enabledRange\\` property: ${enabledRange}`\n        );\n      }\n      const [minDate, maxDate] = dates;\n      if (minDate && maxDate && minDate > maxDate) {\n        throw new Error(\n          `In \\`enabledRange\\` property, the end date shouldn't be smaller than the start date. You have: ${enabledRange}`\n        );\n      }\n      if (calendar) {\n        calendar.set({ minDate, maxDate });\n      }\n    }\n    if (changedProperties.has('open') && calendar) {\n      if (open) {\n        calendar.open();\n      } else {\n        calendar.close();\n      }\n    }\n    if (changedProperties.has('disabled')) {\n      [inputFrom, inputTo].forEach((input) => {\n        if (input) {\n          input.disabled = disabled;\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      const dates = value\n        .split('/')\n        .filter(Boolean)\n        .map((item) => parseISODateString(item));\n      if (dates.some((item) => isNaN(Number(item)))) {\n        throw new Error(\n          `Wrong date format found in \\`value\\` property: ${value}`\n        );\n      }\n      const [startDate, endDate] = dates;\n      if (startDate && endDate && startDate > endDate) {\n        throw new Error(\n          `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n        );\n      }\n      if (calendar) {\n        calendar.setDate(dates);\n        [inputFrom, inputTo].forEach((input, i) => {\n          if (input) {\n            input.value = !dates[i]\n              ? ''\n              : calendar.formatDate(\n                  new Date(dates[i]),\n                  calendar.config.dateFormat\n                );\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div id=\"floating-menu-container\"></div>\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  /**\n   * The CSS selector for Flatpickr's month/year portion.\n   */\n  private static _selectorFlatpickrMonthYearContainer =\n    '.flatpickr-current-month';\n\n  /**\n   * The CSS selector for Flatpickr's year portion.\n   */\n  private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n  /**\n   * The CSS selector for the inner element of Flatpickr's month portion.\n   */\n  private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n  /**\n   * The CSS selector for Flatpickr's month navigator.\n   */\n  private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n  /**\n   * The CSS selector for Flatpickr's container of the weekdays.\n   */\n  private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n  /**\n   * The CSS selector for Flatpickr's container of the days.\n   */\n  private static _selectorFlatpickrDays = '.flatpickr-days';\n\n  /**\n   * The CSS selector applied to Flatpickr's each weekdays.\n   */\n  private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n  /**\n   * The CSS selector applied to Flatpickr's each days.\n   */\n  private static _selectorFlatpickrDay = '.flatpickr-day';\n\n  /**\n   * The CSS class for the inner element of Flatpickr's month portion.\n   */\n  private static _classFlatpickrCurrentMonth = 'cur-month';\n\n  /**\n   * The CSS class applied to Flatpickr's \"today\" highlight.\n   */\n  private static _classFlatpickrToday = 'today';\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * The default localization data.\n   */\n  static defaultLocale = flatpickr.l10ns.default;\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-date-picker-input[kind=\"single\"],${prefix}-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * The name of the custom event when Flatpickr throws an error.\n   */\n  static get eventFlatpickrError() {\n    return `${prefix}-date-picker-flatpickr-error`;\n  }\n\n  /**\n   * The name of the custom event fired on this element when Flatpickr updates its value.\n   */\n  static get eventChange() {\n    return `${prefix}-date-picker-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDatePicker;\n"]}
+{"version":3,"sources":["components/date-picker/date-picker.ts"],"names":[],"mappings":"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","file":"date-picker.d.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n  Options as FlatpickrOptions,\n  Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { getISODateString, parseISODateString } from './iso-date';\nimport CDSDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\nimport styles from './date-picker.scss';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n// Weekdays shorthand for english locale\nflatpickr!.l10ns!.en!.weekdays.shorthand.forEach((_day, index) => {\n  const currentDay = flatpickr!.l10ns!.en!.weekdays.shorthand;\n  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {\n    currentDay[index] = 'Th';\n  } else {\n    currentDay[index] = currentDay[index].charAt(0);\n  }\n});\n\n/**\n * Date picker.\n *\n * @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n */\n@customElement(`${prefix}-date-picker`)\nclass CDSDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: CDSDatePickerInput | null = null;\n\n  /**\n   * The element to put calendar dropdown in.\n   */\n  @query('#floating-menu-container')\n  private _floatingMenuContainerNode!: HTMLDivElement;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof CDSDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (this.querySelector(selectorInputFrom)) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * @returns The Flatpickr plugins to use.\n   */\n  private get _datePickerPlugins(): FlatpickrPlugin[] {\n    const {\n      classCalendarContainer,\n      classMonth,\n      classWeekdays,\n      classDays,\n      classWeekday,\n      classDay,\n      classNoBorder,\n      selectorInputFrom,\n      selectorInputTo,\n      _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n      _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n      _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n      _selectorFlatpickrMonth: selectorFlatpickrMonth,\n      _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n      _selectorFlatpickrDays: selectorFlatpickrDays,\n      _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n      _selectorFlatpickrDay: selectorFlatpickrDay,\n      _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n      _classFlatpickrToday: classFlatpickrToday,\n    } = this.constructor as typeof CDSDatePicker;\n    const {\n      _floatingMenuContainerNode: floatingMenuContainerNode,\n      _mode: mode,\n    } = this;\n    const inputFrom = this.querySelector(selectorInputFrom);\n    const inputTo = this.querySelector(selectorInputTo);\n    const plugins = [\n      appendToPlugin({ appendTo: floatingMenuContainerNode }),\n      cssClassPlugin({\n        classCalendarContainer,\n        classMonth,\n        classWeekdays,\n        classDays,\n        classWeekday,\n        classDay,\n        classNoBorder,\n        selectorFlatpickrMonth,\n        selectorFlatpickrWeekdays,\n        selectorFlatpickrDays,\n        selectorFlatpickrWeekday,\n        selectorFlatpickrDay,\n        classFlatpickrToday,\n      }),\n      fixEventsPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      focusPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      iconPlugin(),\n      monthSelectPlugin({\n        selectorFlatpickrMonthYearContainer,\n        selectorFlatpickrYearContainer,\n        selectorFlatpickrCurrentMonth,\n        classFlatpickrCurrentMonth,\n      }),\n      shadowDOMEventPlugin(),\n      stateHandshakePlugin(this),\n    ];\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Flatpickr runs event handlers of last registered plugins first.\n      // Ensures `onValueUpdate` of `rangePlugin` runs first\n      // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n      // where `rangePlugin` overrides it to separate them to from/to dates.\n      // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n      // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n      plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n    }\n    return plugins;\n  }\n\n  /**\n   * @returns The options to instantiate Flatpickr with.\n   */\n  private get _datePickerOptions(): FlatpickrOptions {\n    const {\n      locale = (this.constructor as typeof CDSDatePicker).defaultLocale,\n      enabledRange,\n      _dateInteractNode: dateInteractNode,\n      _datePickerPlugins: plugins,\n      _handleFlatpickrError: handleFlatpickrError,\n    } = this;\n    // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n    // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n    const { input: positionElement } = dateInteractNode!;\n    const [minDate = undefined, maxDate = undefined] = !enabledRange\n      ? []\n      : enabledRange.split('/');\n    return {\n      allowInput: this.allowInput,\n      closeOnSelect: this.closeOnSelect,\n      dateFormat:\n        this.dateFormat ??\n        (this.constructor as typeof CDSDatePicker).defaultDateFormat,\n      disableMobile: true,\n      errorHandler: handleFlatpickrError,\n      locale,\n      maxDate,\n      minDate,\n      positionElement,\n      plugins,\n    };\n  }\n\n  /**\n   * Handles `${prefix}-date-picker-changed` event on this element.\n   */\n  @HostListener('eventChange')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    this._value = detail.selectedDates\n      .map((date) => getISODateString(date))\n      .join('/');\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof CDSDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode = dateInteractNode as CDSDatePickerInput;\n      this._instantiateDatePicker();\n    }\n  }\n\n  /**\n   * Fires a custom event to notify an error in Flatpickr.\n   */\n  private _handleFlatpickrError = (error: Error) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSDatePicker).eventFlatpickrError,\n        {\n          bubbles: true,\n          cancelable: false,\n          composed: true,\n          detail: {\n            error,\n          },\n        }\n      )\n    );\n  };\n\n  /**\n   * Instantiates Flatpickr.\n   *\n   * @returns The Flatpickr instance.\n   */\n  private _instantiateDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode } = this;\n    // `this._dateInteractNode` won't be there unless there is a slotted `<cds-date-input type=\"from\">`,\n    // which means Flatpickr will never be instantiated in \"simple\" mode.\n    if (dateInteractNode && dateInteractNode.input) {\n      this.calendar = flatpickr(\n        dateInteractNode as any,\n        this._datePickerOptions\n      );\n    }\n    return this.calendar;\n  }\n\n  /**\n   * Releases Flatpickr instances.\n   */\n  private _releaseDatePicker() {\n    if (this.calendar) {\n      this.calendar.destroy();\n      this.calendar = null;\n    }\n    return this.calendar;\n  }\n\n  /**\n   * The Flatpickr instance.\n   */\n  calendar: FlatpickrInstance | null = null;\n\n  /**\n   * flatpickr prop passthrough. Allows the user to enter a date directly into the input field\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-input' })\n  allowInput = true;\n\n  /**\n   * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-select' })\n  closeOnSelect = true;\n\n  /**\n   * The date format to let Flatpickr use.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The localization data.\n   */\n  @property({ attribute: false })\n  locale!: FlatpickrLocale;\n\n  /**\n   * The date range that a user can pick in calendar dropdown.\n   */\n  @property({ attribute: 'enabled-range' })\n  enabledRange!: string;\n\n  /**\n   * The minimum date that a user can start picking from.\n   */\n  @property({ attribute: 'min-date' })\n  minDate!: string;\n\n  /**\n   * The maximum date that a user can start picking from.\n   */\n  @property({ attribute: 'max-date' })\n  maxDate!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._instantiateDatePicker();\n  }\n\n  disconnectedCallback() {\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { calendar, disabled, open, readonly } = this;\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof CDSDatePicker;\n    const inputFrom = this.querySelector(\n      selectorInputFrom\n    ) as CDSDatePickerInput;\n    const inputTo = this.querySelector(selectorInputTo) as CDSDatePickerInput;\n    if (calendar && changedProperties.has('dateFormat')) {\n      const { dateFormat } = this;\n      calendar.set({ dateFormat });\n    }\n    if (changedProperties.has('minDate') || changedProperties.has('maxDate')) {\n      const { minDate, maxDate } = this;\n      if (!parseISODateString(minDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`minDate\\` property: ${minDate}`\n        );\n      }\n      if (!parseISODateString(maxDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`maxDate\\` property: ${maxDate}`\n        );\n      }\n      if (minDate && maxDate && minDate > maxDate) {\n        throw new Error(\n          `\\`maxDate\\` property, shouldn't be smaller than the \\`minDate\\` property. You have: minDate: ${minDate}, maxDate: ${maxDate}`\n        );\n      }\n      if (calendar) {\n        calendar.set({ minDate, maxDate });\n      }\n    }\n\n    if (changedProperties.has('open') && calendar) {\n      if (open && !readonly) {\n        calendar.open();\n      } else {\n        calendar.close();\n      }\n    }\n    if (\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly')\n    ) {\n      [inputFrom, inputTo].forEach((input) => {\n        if (input) {\n          input.disabled = disabled;\n          input.readonly = readonly;\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      const dates = value\n        .split('/')\n        .filter(Boolean)\n        .map((item) => parseISODateString(item));\n      if (dates.some((item) => isNaN(Number(item)))) {\n        throw new Error(\n          `Wrong date format found in \\`value\\` property: ${value}`\n        );\n      }\n      const [startDate, endDate] = dates;\n      if (startDate && endDate && startDate > endDate) {\n        throw new Error(\n          `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n        );\n      }\n      if (calendar) {\n        calendar.setDate(dates);\n        [inputFrom, inputTo].forEach((input, i) => {\n          if (input) {\n            input.value = !dates[i]\n              ? ''\n              : calendar.formatDate(\n                  new Date(dates[i]),\n                  calendar.config.dateFormat\n                );\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div id=\"floating-menu-container\"></div>\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  /**\n   * The CSS selector for Flatpickr's month/year portion.\n   */\n  private static _selectorFlatpickrMonthYearContainer =\n    '.flatpickr-current-month';\n\n  /**\n   * The CSS selector for Flatpickr's year portion.\n   */\n  private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n  /**\n   * The CSS selector for the inner element of Flatpickr's month portion.\n   */\n  private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n  /**\n   * The CSS selector for Flatpickr's month navigator.\n   */\n  private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n  /**\n   * The CSS selector for Flatpickr's container of the weekdays.\n   */\n  private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n  /**\n   * The CSS selector for Flatpickr's container of the days.\n   */\n  private static _selectorFlatpickrDays = '.flatpickr-days';\n\n  /**\n   * The CSS selector applied to Flatpickr's each weekdays.\n   */\n  private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n  /**\n   * The CSS selector applied to Flatpickr's each days.\n   */\n  private static _selectorFlatpickrDay = '.flatpickr-day';\n\n  /**\n   * The CSS class for the inner element of Flatpickr's month portion.\n   */\n  private static _classFlatpickrCurrentMonth = 'cur-month';\n\n  /**\n   * The CSS class applied to Flatpickr's \"today\" highlight.\n   */\n  private static _classFlatpickrToday = 'today';\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * The default localization data.\n   */\n  static defaultLocale = flatpickr.l10ns.default;\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-date-picker-input,${prefix}-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * The name of the custom event when Flatpickr throws an error.\n   */\n  static get eventFlatpickrError() {\n    return `${prefix}-date-picker-flatpickr-error`;\n  }\n\n  /**\n   * The name of the custom event fired on this element when Flatpickr updates its value.\n   */\n  static get eventChange() {\n    return `${prefix}-date-picker-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDatePicker;\n"]}

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

@@ -36,27 +36,36 @@ import styles from "././date-picker.css.js";
  */ /**
      * Date picker modes.
      */
-var DATE_PICKER_MODE;
+var DATE_PICKER_MODE; // Weekdays shorthand for english locale
+(function (DATE_PICKER_MODE) {
+  DATE_PICKER_MODE["SIMPLE"] = "simple";
+  DATE_PICKER_MODE["SINGLE"] = "single";
+  DATE_PICKER_MODE["RANGE"] = "range";
+})(DATE_PICKER_MODE || (DATE_PICKER_MODE = {}));
+flatpickr.l10ns.en.weekdays.shorthand.forEach((_day, index) => {
+  const currentDay = flatpickr.l10ns.en.weekdays.shorthand;
+  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {
+    currentDay[index] = 'Th';
+  } else {
+    currentDay[index] = currentDay[index].charAt(0);
+  }
+});
+
 /**
  * Date picker.
  *
  * @element cds-date-picker
  * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.
  */
-(function (DATE_PICKER_MODE) {
-  DATE_PICKER_MODE["SIMPLE"] = "simple";
-  DATE_PICKER_MODE["SINGLE"] = "single";
-  DATE_PICKER_MODE["RANGE"] = "range";
-})(DATE_PICKER_MODE || (DATE_PICKER_MODE = {}));
-let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function (_initialize, _HostListenerMixin) {
-  class BXDatePicker extends _HostListenerMixin {
+let CDSDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function (_initialize, _HostListenerMixin) {
+  class CDSDatePicker extends _HostListenerMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXDatePicker,
+    F: CDSDatePicker,
     d: [{
       kind: "field",
       key: "_dateInteractNode",
@@ -195,7 +204,8 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
         } = dateInteractNode;
         const [minDate = undefined, maxDate = undefined] = !enabledRange ? [] : enabledRange.split('/');
         return {
-          allowInput: true,
+          allowInput: this.allowInput,
+          closeOnSelect: this.closeOnSelect,
           dateFormat: (_this$dateFormat = this.dateFormat) !== null && _this$dateFormat !== void 0 ? _this$dateFormat : this.constructor.defaultDateFormat,
           disableMobile: true,
           errorHandler: handleFlatpickrError,
@@ -320,6 +330,28 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
       value() {
         return null;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'allow-input'
+      })],
+      key: "allowInput",
+      value() {
+        return true;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'close-on-select'
+      })],
+      key: "closeOnSelect",
+      value() {
+        return true;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -351,6 +383,20 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
       })],
       key: "enabledRange",
       value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'min-date'
+      })],
+      key: "minDate",
+      value: void 0
+    }, {
+      kind: "field",
+      decorators: [property({
+        attribute: 'max-date'
+      })],
+      key: "maxDate",
+      value: void 0
     }, {
       kind: "field",
       decorators: [property()],
@@ -368,11 +414,27 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
       value() {
         return false;
       }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "readonly",
+      value() {
+        return false;
+      }
     }, {
       kind: "get",
       decorators: [property()],
       key: "value",
       value:
+      /**
+       * flatpickr prop passthrough. Allows the user to enter a date directly into the input field
+       */
+      /**
+       * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.
+       */
       /**
        * The date format to let Flatpickr use.
        */
@@ -385,12 +447,21 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
       /**
        * The date range that a user can pick in calendar dropdown.
        */
+      /**
+       * The minimum date that a user can start picking from.
+       */
+      /**
+       * The maximum date that a user can start picking from.
+       */
       /**
        * Name for the input in the `FormData`
        */
       /**
        * `true` if the date picker should be open.
        */
+      /**
+       * Specify if the component should be read-only
+       */
       /**
        * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.
        */
@@ -411,7 +482,7 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
       kind: "method",
       key: "connectedCallback",
       value: function connectedCallback() {
-        _get(_getPrototypeOf(BXDatePicker.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSDatePicker.prototype), "connectedCallback", this).call(this);
         this._instantiateDatePicker();
       }
     }, {
@@ -419,7 +490,7 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
         this._releaseDatePicker();
-        _get(_getPrototypeOf(BXDatePicker.prototype), "disconnectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSDatePicker.prototype), "disconnectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -428,7 +499,8 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
         const {
           calendar,
           disabled,
-          open
+          open,
+          readonly
         } = this;
         const {
           selectorInputFrom,
@@ -444,18 +516,21 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
             dateFormat
           });
         }
-        if (changedProperties.has('enabledRange')) {
+        if (changedProperties.has('minDate') || changedProperties.has('maxDate')) {
           const {
-            enabledRange
+            minDate,
+            maxDate
           } = this;
-          const dates = enabledRange.split('/').map(item => !item ? undefined : parseISODateString(item)); // Allows empty start/end
-          if (dates.some(item => Boolean(item && isNaN(Number(item))))) {
+          if (!parseISODateString(minDate)) {
+            // Allows empty start/end
+            throw new Error(`Wrong date format found in \`minDate\` property: ${minDate}`);
+          }
+          if (!parseISODateString(maxDate)) {
             // Allows empty start/end
-            throw new Error(`Wrong date format found in \`enabledRange\` property: ${enabledRange}`);
+            throw new Error(`Wrong date format found in \`maxDate\` property: ${maxDate}`);
           }
-          const [minDate, maxDate] = dates;
           if (minDate && maxDate && minDate > maxDate) {
-            throw new Error(`In \`enabledRange\` property, the end date shouldn't be smaller than the start date. You have: ${enabledRange}`);
+            throw new Error(`\`maxDate\` property, shouldn't be smaller than the \`minDate\` property. You have: minDate: ${minDate}, maxDate: ${maxDate}`);
           }
           if (calendar) {
             calendar.set({
@@ -465,16 +540,17 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
           }
         }
         if (changedProperties.has('open') && calendar) {
-          if (open) {
+          if (open && !readonly) {
             calendar.open();
           } else {
             calendar.close();
           }
         }
-        if (changedProperties.has('disabled')) {
+        if (changedProperties.has('disabled') || changedProperties.has('readonly')) {
           [inputFrom, inputTo].forEach(input => {
             if (input) {
               input.disabled = disabled;
+              input.readonly = readonly;
             }
           });
         }
@@ -727,7 +803,7 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
        * A selector that will return the `<input>` to enter starting date.
        */
       function selectorInputFrom() {
-        return `${prefix}-date-picker-input[kind="single"],${prefix}-date-picker-input[kind="from"]`;
+        return `${prefix}-date-picker-input,${prefix}-date-picker-input[kind="from"]`;
       }
 
       /**
@@ -772,5 +848,5 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
     }]
   };
 }, HostListenerMixin(FormMixin(LitElement)));
-export default BXDatePicker;
+export default CDSDatePicker;
 //# sourceMappingURL=date-picker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":["LitElement","html","property","customElement","query","flatpickr","prefix","FormMixin","HostListenerMixin","HostListener","getISODateString","parseISODateString","appendToPlugin","cssClassPlugin","fixEventsPlugin","focusPlugin","iconPlugin","monthSelectPlugin","rangePlugin","shadowDOMEventPlugin","stateHandshakePlugin","styles","DATE_PICKER_MODE","BXDatePicker","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","_mode","selectorInputFrom","selectorInputTo","querySelector","RANGE","SINGLE","SIMPLE","_datePickerPlugins","classCalendarContainer","classMonth","classWeekdays","classDays","classWeekday","classDay","classNoBorder","_selectorFlatpickrMonthYearContainer","selectorFlatpickrMonthYearContainer","_selectorFlatpickrYearContainer","selectorFlatpickrYearContainer","_selectorFlatpickrCurrentMonth","selectorFlatpickrCurrentMonth","_selectorFlatpickrMonth","selectorFlatpickrMonth","_selectorFlatpickrWeekdays","selectorFlatpickrWeekdays","_selectorFlatpickrDays","selectorFlatpickrDays","_selectorFlatpickrWeekday","selectorFlatpickrWeekday","_selectorFlatpickrDay","selectorFlatpickrDay","_classFlatpickrCurrentMonth","classFlatpickrCurrentMonth","_classFlatpickrToday","classFlatpickrToday","_floatingMenuContainerNode","floatingMenuContainerNode","mode","inputFrom","inputTo","plugins","appendTo","push","input","_datePickerOptions","_this$dateFormat","locale","defaultLocale","enabledRange","_dateInteractNode","dateInteractNode","_handleFlatpickrError","handleFlatpickrError","positionElement","minDate","undefined","maxDate","split","allowInput","dateFormat","defaultDateFormat","disableMobile","errorHandler","detail","_value","selectedDates","map","date","join","_handleFormdata","event","formData","disabled","name","append","_handleSlotChange","target","oldDateInteractNode","assignedNodes","find","node","nodeType","Node","ELEMENT_NODE","matches","_instantiateDatePicker","error","dispatchEvent","CustomEvent","eventFlatpickrError","bubbles","cancelable","composed","_releaseDatePicker","calendar","destroy","attribute","type","Boolean","reflect","oldValue","requestUpdate","connectedCallback","_get","_getPrototypeOf","prototype","call","disconnectedCallback","updated","changedProperties","open","has","set","dates","item","some","isNaN","Number","Error","close","forEach","filter","startDate","endDate","setDate","i","formatDate","Date","config","render","handleSlotChange","_t","_","static","l10ns","default","eventChange"],"sources":["components/date-picker/date-picker.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n  Options as FlatpickrOptions,\n  Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { getISODateString, parseISODateString } from './iso-date';\nimport BXDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\nimport styles from './date-picker.scss';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n/**\n * Date picker.\n *\n * @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n */\n@customElement(`${prefix}-date-picker`)\nclass BXDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: BXDatePickerInput | null = null;\n\n  /**\n   * The element to put calendar dropdown in.\n   */\n  @query('#floating-menu-container')\n  private _floatingMenuContainerNode!: HTMLDivElement;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof BXDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (this.querySelector(selectorInputFrom)) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * @returns The Flatpickr plugins to use.\n   */\n  private get _datePickerPlugins(): FlatpickrPlugin[] {\n    const {\n      classCalendarContainer,\n      classMonth,\n      classWeekdays,\n      classDays,\n      classWeekday,\n      classDay,\n      classNoBorder,\n      selectorInputFrom,\n      selectorInputTo,\n      _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n      _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n      _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n      _selectorFlatpickrMonth: selectorFlatpickrMonth,\n      _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n      _selectorFlatpickrDays: selectorFlatpickrDays,\n      _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n      _selectorFlatpickrDay: selectorFlatpickrDay,\n      _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n      _classFlatpickrToday: classFlatpickrToday,\n    } = this.constructor as typeof BXDatePicker;\n    const {\n      _floatingMenuContainerNode: floatingMenuContainerNode,\n      _mode: mode,\n    } = this;\n    const inputFrom = this.querySelector(selectorInputFrom);\n    const inputTo = this.querySelector(selectorInputTo);\n    const plugins = [\n      appendToPlugin({ appendTo: floatingMenuContainerNode }),\n      cssClassPlugin({\n        classCalendarContainer,\n        classMonth,\n        classWeekdays,\n        classDays,\n        classWeekday,\n        classDay,\n        classNoBorder,\n        selectorFlatpickrMonth,\n        selectorFlatpickrWeekdays,\n        selectorFlatpickrDays,\n        selectorFlatpickrWeekday,\n        selectorFlatpickrDay,\n        classFlatpickrToday,\n      }),\n      fixEventsPlugin({\n        inputFrom: inputFrom as BXDatePickerInput,\n        inputTo: inputTo as BXDatePickerInput,\n      }),\n      focusPlugin({\n        inputFrom: inputFrom as BXDatePickerInput,\n        inputTo: inputTo as BXDatePickerInput,\n      }),\n      iconPlugin(),\n      monthSelectPlugin({\n        selectorFlatpickrMonthYearContainer,\n        selectorFlatpickrYearContainer,\n        selectorFlatpickrCurrentMonth,\n        classFlatpickrCurrentMonth,\n      }),\n      shadowDOMEventPlugin(),\n      stateHandshakePlugin(this),\n    ];\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Flatpickr runs event handlers of last registered plugins first.\n      // Ensures `onValueUpdate` of `rangePlugin` runs first\n      // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n      // where `rangePlugin` overrides it to separate them to from/to dates.\n      // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n      // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n      plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n    }\n    return plugins;\n  }\n\n  /**\n   * @returns The options to instantiate Flatpickr with.\n   */\n  private get _datePickerOptions(): FlatpickrOptions {\n    const {\n      locale = (this.constructor as typeof BXDatePicker).defaultLocale,\n      enabledRange,\n      _dateInteractNode: dateInteractNode,\n      _datePickerPlugins: plugins,\n      _handleFlatpickrError: handleFlatpickrError,\n    } = this;\n    // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n    // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n    const { input: positionElement } = dateInteractNode!;\n    const [minDate = undefined, maxDate = undefined] = !enabledRange\n      ? []\n      : enabledRange.split('/');\n    return {\n      allowInput: true,\n      dateFormat:\n        this.dateFormat ??\n        (this.constructor as typeof BXDatePicker).defaultDateFormat,\n      disableMobile: true,\n      errorHandler: handleFlatpickrError,\n      locale,\n      maxDate,\n      minDate,\n      positionElement,\n      plugins,\n    };\n  }\n\n  /**\n   * Handles `${prefix}-date-picker-changed` event on this element.\n   */\n  @HostListener('eventChange')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    this._value = detail.selectedDates\n      .map((date) => getISODateString(date))\n      .join('/');\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof BXDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode = dateInteractNode as BXDatePickerInput;\n      this._instantiateDatePicker();\n    }\n  }\n\n  /**\n   * Fires a custom event to notify an error in Flatpickr.\n   */\n  private _handleFlatpickrError = (error: Error) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXDatePicker).eventFlatpickrError,\n        {\n          bubbles: true,\n          cancelable: false,\n          composed: true,\n          detail: {\n            error,\n          },\n        }\n      )\n    );\n  };\n\n  /**\n   * Instantiates Flatpickr.\n   *\n   * @returns The Flatpickr instance.\n   */\n  private _instantiateDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode } = this;\n    // `this._dateInteractNode` won't be there unless there is a slotted `<cds-date-input type=\"from\">`,\n    // which means Flatpickr will never be instantiated in \"simple\" mode.\n    if (dateInteractNode && dateInteractNode.input) {\n      this.calendar = flatpickr(\n        dateInteractNode as any,\n        this._datePickerOptions\n      );\n    }\n    return this.calendar;\n  }\n\n  /**\n   * Releases Flatpickr instances.\n   */\n  private _releaseDatePicker() {\n    if (this.calendar) {\n      this.calendar.destroy();\n      this.calendar = null;\n    }\n    return this.calendar;\n  }\n\n  /**\n   * The Flatpickr instance.\n   */\n  calendar: FlatpickrInstance | null = null;\n\n  /**\n   * The date format to let Flatpickr use.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The localization data.\n   */\n  @property({ attribute: false })\n  locale!: FlatpickrLocale;\n\n  /**\n   * The date range that a user can pick in calendar dropdown.\n   */\n  @property({ attribute: 'enabled-range' })\n  enabledRange!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._instantiateDatePicker();\n  }\n\n  disconnectedCallback() {\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { calendar, disabled, open } = this;\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof BXDatePicker;\n    const inputFrom = this.querySelector(\n      selectorInputFrom\n    ) as BXDatePickerInput;\n    const inputTo = this.querySelector(selectorInputTo) as BXDatePickerInput;\n    if (calendar && changedProperties.has('dateFormat')) {\n      const { dateFormat } = this;\n      calendar.set({ dateFormat });\n    }\n    if (changedProperties.has('enabledRange')) {\n      const { enabledRange } = this;\n      const dates = enabledRange\n        .split('/')\n        .map((item) => (!item ? undefined : parseISODateString(item))); // Allows empty start/end\n      if (dates.some((item) => Boolean(item && isNaN(Number(item))))) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`enabledRange\\` property: ${enabledRange}`\n        );\n      }\n      const [minDate, maxDate] = dates;\n      if (minDate && maxDate && minDate > maxDate) {\n        throw new Error(\n          `In \\`enabledRange\\` property, the end date shouldn't be smaller than the start date. You have: ${enabledRange}`\n        );\n      }\n      if (calendar) {\n        calendar.set({ minDate, maxDate });\n      }\n    }\n    if (changedProperties.has('open') && calendar) {\n      if (open) {\n        calendar.open();\n      } else {\n        calendar.close();\n      }\n    }\n    if (changedProperties.has('disabled')) {\n      [inputFrom, inputTo].forEach((input) => {\n        if (input) {\n          input.disabled = disabled;\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      const dates = value\n        .split('/')\n        .filter(Boolean)\n        .map((item) => parseISODateString(item));\n      if (dates.some((item) => isNaN(Number(item)))) {\n        throw new Error(\n          `Wrong date format found in \\`value\\` property: ${value}`\n        );\n      }\n      const [startDate, endDate] = dates;\n      if (startDate && endDate && startDate > endDate) {\n        throw new Error(\n          `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n        );\n      }\n      if (calendar) {\n        calendar.setDate(dates);\n        [inputFrom, inputTo].forEach((input, i) => {\n          if (input) {\n            input.value = !dates[i]\n              ? ''\n              : calendar.formatDate(\n                  new Date(dates[i]),\n                  calendar.config.dateFormat\n                );\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div id=\"floating-menu-container\"></div>\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  /**\n   * The CSS selector for Flatpickr's month/year portion.\n   */\n  private static _selectorFlatpickrMonthYearContainer =\n    '.flatpickr-current-month';\n\n  /**\n   * The CSS selector for Flatpickr's year portion.\n   */\n  private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n  /**\n   * The CSS selector for the inner element of Flatpickr's month portion.\n   */\n  private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n  /**\n   * The CSS selector for Flatpickr's month navigator.\n   */\n  private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n  /**\n   * The CSS selector for Flatpickr's container of the weekdays.\n   */\n  private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n  /**\n   * The CSS selector for Flatpickr's container of the days.\n   */\n  private static _selectorFlatpickrDays = '.flatpickr-days';\n\n  /**\n   * The CSS selector applied to Flatpickr's each weekdays.\n   */\n  private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n  /**\n   * The CSS selector applied to Flatpickr's each days.\n   */\n  private static _selectorFlatpickrDay = '.flatpickr-day';\n\n  /**\n   * The CSS class for the inner element of Flatpickr's month portion.\n   */\n  private static _classFlatpickrCurrentMonth = 'cur-month';\n\n  /**\n   * The CSS class applied to Flatpickr's \"today\" highlight.\n   */\n  private static _classFlatpickrToday = 'today';\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * The default localization data.\n   */\n  static defaultLocale = flatpickr.l10ns.default;\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-date-picker-input[kind=\"single\"],${prefix}-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * The name of the custom event when Flatpickr throws an error.\n   */\n  static get eventFlatpickrError() {\n    return `${prefix}-date-picker-flatpickr-error`;\n  }\n\n  /**\n   * The name of the custom event fired on this element when Flatpickr updates its value.\n   */\n  static get eventChange() {\n    return `${prefix}-date-picker-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDatePicker;\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","names":["LitElement","html","property","customElement","query","flatpickr","prefix","FormMixin","HostListenerMixin","HostListener","getISODateString","parseISODateString","appendToPlugin","cssClassPlugin","fixEventsPlugin","focusPlugin","iconPlugin","monthSelectPlugin","rangePlugin","shadowDOMEventPlugin","stateHandshakePlugin","styles","DATE_PICKER_MODE","l10ns","en","weekdays","shorthand","forEach","_day","index","currentDay","charAt","CDSDatePicker","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","_mode","selectorInputFrom","selectorInputTo","querySelector","RANGE","SINGLE","SIMPLE","_datePickerPlugins","classCalendarContainer","classMonth","classWeekdays","classDays","classWeekday","classDay","classNoBorder","_selectorFlatpickrMonthYearContainer","selectorFlatpickrMonthYearContainer","_selectorFlatpickrYearContainer","selectorFlatpickrYearContainer","_selectorFlatpickrCurrentMonth","selectorFlatpickrCurrentMonth","_selectorFlatpickrMonth","selectorFlatpickrMonth","_selectorFlatpickrWeekdays","selectorFlatpickrWeekdays","_selectorFlatpickrDays","selectorFlatpickrDays","_selectorFlatpickrWeekday","selectorFlatpickrWeekday","_selectorFlatpickrDay","selectorFlatpickrDay","_classFlatpickrCurrentMonth","classFlatpickrCurrentMonth","_classFlatpickrToday","classFlatpickrToday","_floatingMenuContainerNode","floatingMenuContainerNode","mode","inputFrom","inputTo","plugins","appendTo","push","input","_datePickerOptions","_this$dateFormat","locale","defaultLocale","enabledRange","_dateInteractNode","dateInteractNode","_handleFlatpickrError","handleFlatpickrError","positionElement","minDate","undefined","maxDate","split","allowInput","closeOnSelect","dateFormat","defaultDateFormat","disableMobile","errorHandler","detail","_value","selectedDates","map","date","join","_handleFormdata","event","formData","disabled","name","append","_handleSlotChange","target","oldDateInteractNode","assignedNodes","find","node","nodeType","Node","ELEMENT_NODE","matches","_instantiateDatePicker","error","dispatchEvent","CustomEvent","eventFlatpickrError","bubbles","cancelable","composed","_releaseDatePicker","calendar","destroy","type","Boolean","reflect","attribute","oldValue","requestUpdate","connectedCallback","_get","_getPrototypeOf","prototype","call","disconnectedCallback","updated","changedProperties","open","readonly","has","set","Error","close","dates","filter","item","some","isNaN","Number","startDate","endDate","setDate","i","formatDate","Date","config","render","handleSlotChange","_t","_","static","default","eventChange"],"sources":["components/date-picker/date-picker.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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport flatpickr from 'flatpickr';\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Locale as FlatpickrLocale } from 'flatpickr/dist/types/locale';\nimport {\n  Options as FlatpickrOptions,\n  Plugin as FlatpickrPlugin,\n} from 'flatpickr/dist/types/options';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { getISODateString, parseISODateString } from './iso-date';\nimport CDSDatePickerInput from './date-picker-input';\nimport appendToPlugin from './append-to-plugin';\nimport cssClassPlugin from './css-class-plugin';\nimport fixEventsPlugin from './fix-events-plugin';\nimport focusPlugin from './focus-plugin';\nimport iconPlugin from './icon-plugin';\nimport monthSelectPlugin from './month-select-plugin';\nimport rangePlugin from './range-plugin';\nimport shadowDOMEventPlugin from './shadow-dom-events-plugin';\nimport stateHandshakePlugin from './state-handshake-plugin';\nimport styles from './date-picker.scss';\n\n/**\n * Date picker modes.\n */\nenum DATE_PICKER_MODE {\n  /**\n   * Simple mode, without calendar dropdown.\n   */\n  SIMPLE = 'simple',\n\n  /**\n   * Single date mode.\n   */\n  SINGLE = 'single',\n\n  /**\n   * Range mode.\n   */\n  RANGE = 'range',\n}\n\n// Weekdays shorthand for english locale\nflatpickr!.l10ns!.en!.weekdays.shorthand.forEach((_day, index) => {\n  const currentDay = flatpickr!.l10ns!.en!.weekdays.shorthand;\n  if (currentDay[index] === 'Thu' || currentDay[index] === 'Th') {\n    currentDay[index] = 'Th';\n  } else {\n    currentDay[index] = currentDay[index].charAt(0);\n  }\n});\n\n/**\n * Date picker.\n *\n * @element cds-date-picker\n * @fires cds-date-picker-changed - The custom event fired on this element when Flatpickr updates its value.\n */\n@customElement(`${prefix}-date-picker`)\nclass CDSDatePicker extends HostListenerMixin(FormMixin(LitElement)) {\n  /**\n   * The slotted `<cds-date-input kind=\"from\">`.\n   */\n  private _dateInteractNode: CDSDatePickerInput | null = null;\n\n  /**\n   * The element to put calendar dropdown in.\n   */\n  @query('#floating-menu-container')\n  private _floatingMenuContainerNode!: HTMLDivElement;\n\n  /**\n   * The internal placeholder for the `value` property.\n   */\n  private _value!: string;\n\n  /**\n   * @returns The effective date picker mode, determined by the child `<cds-date-picker-input>`.\n   */\n  private get _mode() {\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof CDSDatePicker;\n    if (this.querySelector(selectorInputTo)) {\n      return DATE_PICKER_MODE.RANGE;\n    }\n    if (this.querySelector(selectorInputFrom)) {\n      return DATE_PICKER_MODE.SINGLE;\n    }\n    return DATE_PICKER_MODE.SIMPLE;\n  }\n\n  /**\n   * @returns The Flatpickr plugins to use.\n   */\n  private get _datePickerPlugins(): FlatpickrPlugin[] {\n    const {\n      classCalendarContainer,\n      classMonth,\n      classWeekdays,\n      classDays,\n      classWeekday,\n      classDay,\n      classNoBorder,\n      selectorInputFrom,\n      selectorInputTo,\n      _selectorFlatpickrMonthYearContainer: selectorFlatpickrMonthYearContainer,\n      _selectorFlatpickrYearContainer: selectorFlatpickrYearContainer,\n      _selectorFlatpickrCurrentMonth: selectorFlatpickrCurrentMonth,\n      _selectorFlatpickrMonth: selectorFlatpickrMonth,\n      _selectorFlatpickrWeekdays: selectorFlatpickrWeekdays,\n      _selectorFlatpickrDays: selectorFlatpickrDays,\n      _selectorFlatpickrWeekday: selectorFlatpickrWeekday,\n      _selectorFlatpickrDay: selectorFlatpickrDay,\n      _classFlatpickrCurrentMonth: classFlatpickrCurrentMonth,\n      _classFlatpickrToday: classFlatpickrToday,\n    } = this.constructor as typeof CDSDatePicker;\n    const {\n      _floatingMenuContainerNode: floatingMenuContainerNode,\n      _mode: mode,\n    } = this;\n    const inputFrom = this.querySelector(selectorInputFrom);\n    const inputTo = this.querySelector(selectorInputTo);\n    const plugins = [\n      appendToPlugin({ appendTo: floatingMenuContainerNode }),\n      cssClassPlugin({\n        classCalendarContainer,\n        classMonth,\n        classWeekdays,\n        classDays,\n        classWeekday,\n        classDay,\n        classNoBorder,\n        selectorFlatpickrMonth,\n        selectorFlatpickrWeekdays,\n        selectorFlatpickrDays,\n        selectorFlatpickrWeekday,\n        selectorFlatpickrDay,\n        classFlatpickrToday,\n      }),\n      fixEventsPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      focusPlugin({\n        inputFrom: inputFrom as CDSDatePickerInput,\n        inputTo: inputTo as CDSDatePickerInput,\n      }),\n      iconPlugin(),\n      monthSelectPlugin({\n        selectorFlatpickrMonthYearContainer,\n        selectorFlatpickrYearContainer,\n        selectorFlatpickrCurrentMonth,\n        classFlatpickrCurrentMonth,\n      }),\n      shadowDOMEventPlugin(),\n      stateHandshakePlugin(this),\n    ];\n    if (mode === DATE_PICKER_MODE.RANGE) {\n      // Flatpickr runs event handlers of last registered plugins first.\n      // Ensures `onValueUpdate` of `rangePlugin` runs first\n      // given Flatpickr puts `01/01/1970 to 01/02/1970` to from date\n      // where `rangePlugin` overrides it to separate them to from/to dates.\n      // We want to ensure our handler of `onValueUpdate` (notably one in `<cds-date-picker-input>`)\n      // gets the `<input>` value set by `rangePlugin` instead of Flatpickr core.\n      plugins.push(rangePlugin({ input: inputTo as HTMLInputElement }));\n    }\n    return plugins;\n  }\n\n  /**\n   * @returns The options to instantiate Flatpickr with.\n   */\n  private get _datePickerOptions(): FlatpickrOptions {\n    const {\n      locale = (this.constructor as typeof CDSDatePicker).defaultLocale,\n      enabledRange,\n      _dateInteractNode: dateInteractNode,\n      _datePickerPlugins: plugins,\n      _handleFlatpickrError: handleFlatpickrError,\n    } = this;\n    // We use `<cds-date-picker-input>` to communicate values/events with Flatpickr,\n    // but want to use `<input>` in shadow DOM to base the calendar dropdown's position on\n    const { input: positionElement } = dateInteractNode!;\n    const [minDate = undefined, maxDate = undefined] = !enabledRange\n      ? []\n      : enabledRange.split('/');\n    return {\n      allowInput: this.allowInput,\n      closeOnSelect: this.closeOnSelect,\n      dateFormat:\n        this.dateFormat ??\n        (this.constructor as typeof CDSDatePicker).defaultDateFormat,\n      disableMobile: true,\n      errorHandler: handleFlatpickrError,\n      locale,\n      maxDate,\n      minDate,\n      positionElement,\n      plugins,\n    };\n  }\n\n  /**\n   * Handles `${prefix}-date-picker-changed` event on this element.\n   */\n  @HostListener('eventChange')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChange = ({ detail }: CustomEvent) => {\n    this._value = detail.selectedDates\n      .map((date) => getISODateString(date))\n      .join('/');\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>`.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _dateInteractNode: oldDateInteractNode } = this;\n    const dateInteractNode = (target as HTMLSlotElement)\n      .assignedNodes()\n      .find(\n        (node) =>\n          node.nodeType === Node.ELEMENT_NODE &&\n          (node as HTMLElement).matches(\n            (this.constructor as typeof CDSDatePicker).selectorInputFrom\n          )\n      );\n    if (oldDateInteractNode !== dateInteractNode) {\n      this._dateInteractNode = dateInteractNode as CDSDatePickerInput;\n      this._instantiateDatePicker();\n    }\n  }\n\n  /**\n   * Fires a custom event to notify an error in Flatpickr.\n   */\n  private _handleFlatpickrError = (error: Error) => {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSDatePicker).eventFlatpickrError,\n        {\n          bubbles: true,\n          cancelable: false,\n          composed: true,\n          detail: {\n            error,\n          },\n        }\n      )\n    );\n  };\n\n  /**\n   * Instantiates Flatpickr.\n   *\n   * @returns The Flatpickr instance.\n   */\n  private _instantiateDatePicker() {\n    this._releaseDatePicker();\n    const { _dateInteractNode: dateInteractNode } = this;\n    // `this._dateInteractNode` won't be there unless there is a slotted `<cds-date-input type=\"from\">`,\n    // which means Flatpickr will never be instantiated in \"simple\" mode.\n    if (dateInteractNode && dateInteractNode.input) {\n      this.calendar = flatpickr(\n        dateInteractNode as any,\n        this._datePickerOptions\n      );\n    }\n    return this.calendar;\n  }\n\n  /**\n   * Releases Flatpickr instances.\n   */\n  private _releaseDatePicker() {\n    if (this.calendar) {\n      this.calendar.destroy();\n      this.calendar = null;\n    }\n    return this.calendar;\n  }\n\n  /**\n   * The Flatpickr instance.\n   */\n  calendar: FlatpickrInstance | null = null;\n\n  /**\n   * flatpickr prop passthrough. Allows the user to enter a date directly into the input field\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-input' })\n  allowInput = true;\n\n  /**\n   * flatpickr prop passthrough. Controls whether the calendar dropdown closes upon selection.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-select' })\n  closeOnSelect = true;\n\n  /**\n   * The date format to let Flatpickr use.\n   */\n  @property({ attribute: 'date-format' })\n  dateFormat!: string;\n\n  /**\n   * Controls the disabled state of the input\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The localization data.\n   */\n  @property({ attribute: false })\n  locale!: FlatpickrLocale;\n\n  /**\n   * The date range that a user can pick in calendar dropdown.\n   */\n  @property({ attribute: 'enabled-range' })\n  enabledRange!: string;\n\n  /**\n   * The minimum date that a user can start picking from.\n   */\n  @property({ attribute: 'min-date' })\n  minDate!: string;\n\n  /**\n   * The maximum date that a user can start picking from.\n   */\n  @property({ attribute: 'max-date' })\n  maxDate!: string;\n\n  /**\n   * Name for the input in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if the date picker should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Specify if the component should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The date(s) in ISO8601 format (date portion only), for range mode, '/' is used for separate start/end dates.\n   */\n  @property()\n  get value() {\n    return this._value;\n  }\n\n  set value(value: string) {\n    const { _value: oldValue } = this;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._instantiateDatePicker();\n  }\n\n  disconnectedCallback() {\n    this._releaseDatePicker();\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { calendar, disabled, open, readonly } = this;\n    const { selectorInputFrom, selectorInputTo } = this\n      .constructor as typeof CDSDatePicker;\n    const inputFrom = this.querySelector(\n      selectorInputFrom\n    ) as CDSDatePickerInput;\n    const inputTo = this.querySelector(selectorInputTo) as CDSDatePickerInput;\n    if (calendar && changedProperties.has('dateFormat')) {\n      const { dateFormat } = this;\n      calendar.set({ dateFormat });\n    }\n    if (changedProperties.has('minDate') || changedProperties.has('maxDate')) {\n      const { minDate, maxDate } = this;\n      if (!parseISODateString(minDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`minDate\\` property: ${minDate}`\n        );\n      }\n      if (!parseISODateString(maxDate)) {\n        // Allows empty start/end\n        throw new Error(\n          `Wrong date format found in \\`maxDate\\` property: ${maxDate}`\n        );\n      }\n      if (minDate && maxDate && minDate > maxDate) {\n        throw new Error(\n          `\\`maxDate\\` property, shouldn't be smaller than the \\`minDate\\` property. You have: minDate: ${minDate}, maxDate: ${maxDate}`\n        );\n      }\n      if (calendar) {\n        calendar.set({ minDate, maxDate });\n      }\n    }\n\n    if (changedProperties.has('open') && calendar) {\n      if (open && !readonly) {\n        calendar.open();\n      } else {\n        calendar.close();\n      }\n    }\n    if (\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly')\n    ) {\n      [inputFrom, inputTo].forEach((input) => {\n        if (input) {\n          input.disabled = disabled;\n          input.readonly = readonly;\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      const dates = value\n        .split('/')\n        .filter(Boolean)\n        .map((item) => parseISODateString(item));\n      if (dates.some((item) => isNaN(Number(item)))) {\n        throw new Error(\n          `Wrong date format found in \\`value\\` property: ${value}`\n        );\n      }\n      const [startDate, endDate] = dates;\n      if (startDate && endDate && startDate > endDate) {\n        throw new Error(\n          `In \\`value\\` property, the end date shouldn't be smaller than the start date. You have: ${value}`\n        );\n      }\n      if (calendar) {\n        calendar.setDate(dates);\n        [inputFrom, inputTo].forEach((input, i) => {\n          if (input) {\n            input.value = !dates[i]\n              ? ''\n              : calendar.formatDate(\n                  new Date(dates[i]),\n                  calendar.config.dateFormat\n                );\n          }\n        });\n      }\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <div id=\"floating-menu-container\"></div>\n      <a\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  /**\n   * The CSS selector for Flatpickr's month/year portion.\n   */\n  private static _selectorFlatpickrMonthYearContainer =\n    '.flatpickr-current-month';\n\n  /**\n   * The CSS selector for Flatpickr's year portion.\n   */\n  private static _selectorFlatpickrYearContainer = '.numInputWrapper';\n\n  /**\n   * The CSS selector for the inner element of Flatpickr's month portion.\n   */\n  private static _selectorFlatpickrCurrentMonth = '.cur-month';\n\n  /**\n   * The CSS selector for Flatpickr's month navigator.\n   */\n  private static _selectorFlatpickrMonth = '.flatpickr-month';\n\n  /**\n   * The CSS selector for Flatpickr's container of the weekdays.\n   */\n  private static _selectorFlatpickrWeekdays = '.flatpickr-weekdays';\n\n  /**\n   * The CSS selector for Flatpickr's container of the days.\n   */\n  private static _selectorFlatpickrDays = '.flatpickr-days';\n\n  /**\n   * The CSS selector applied to Flatpickr's each weekdays.\n   */\n  private static _selectorFlatpickrWeekday = '.flatpickr-weekday';\n\n  /**\n   * The CSS selector applied to Flatpickr's each days.\n   */\n  private static _selectorFlatpickrDay = '.flatpickr-day';\n\n  /**\n   * The CSS class for the inner element of Flatpickr's month portion.\n   */\n  private static _classFlatpickrCurrentMonth = 'cur-month';\n\n  /**\n   * The CSS class applied to Flatpickr's \"today\" highlight.\n   */\n  private static _classFlatpickrToday = 'today';\n\n  /**\n   * The CSS class for the calendar dropdown.\n   */\n  static get classCalendarContainer() {\n    return `${prefix}--date-picker__calendar`;\n  }\n\n  /**\n   * The CSS class for the month navigator.\n   */\n  static get classMonth() {\n    return `${prefix}--date-picker__month`;\n  }\n\n  /**\n   * The CSS class for the container of the weekdays.\n   */\n  static get classWeekdays() {\n    return `${prefix}--date-picker__weekdays`;\n  }\n\n  /**\n   * The CSS class for the container of the days.\n   */\n  static get classDays() {\n    return `${prefix}--date-picker__days`;\n  }\n\n  /**\n   * The CSS class applied to each weekdays.\n   */\n  static get classWeekday() {\n    return `${prefix}--date-picker__weekday`;\n  }\n\n  /**\n   * The CSS class applied to each days.\n   */\n  static get classDay() {\n    return `${prefix}--date-picker__day`;\n  }\n\n  /**\n   * The CSS class applied to the \"today\" highlight if there are any dates selected.\n   */\n  static classNoBorder = 'no-border';\n\n  /**\n   * The default date format.\n   */\n  static defaultDateFormat = 'm/d/Y';\n\n  /**\n   * The default localization data.\n   */\n  static defaultLocale = flatpickr.l10ns.default;\n\n  /**\n   * A selector that will return the `<input>` to enter starting date.\n   */\n  static get selectorInputFrom() {\n    return `${prefix}-date-picker-input,${prefix}-date-picker-input[kind=\"from\"]`;\n  }\n\n  /**\n   * A selector that will return the `<input>` to enter end date.\n   */\n  static get selectorInputTo() {\n    return `${prefix}-date-picker-input[kind=\"to\"]`;\n  }\n\n  /**\n   * The name of the custom event when Flatpickr throws an error.\n   */\n  static get eventFlatpickrError() {\n    return `${prefix}-date-picker-flatpickr-error`;\n  }\n\n  /**\n   * The name of the custom event fired on this element when Flatpickr updates its value.\n   */\n  static get eventChange() {\n    return `${prefix}-date-picker-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDatePicker;\n"],"mappings":"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"}