igniteui-webcomponents 7.2.4 → 7.3.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DatePickerResourceStringsEN,\n  type ICalendarResourceStrings,\n  type IDatePickerResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcCalendarComponent, { focusActiveDate } from '../calendar/calendar.js';\nimport { convertToDate, createDateConstraints } from '../calendar/helpers.js';\nimport type {\n  CalendarHeaderOrientation,\n  DateRangeDescriptor,\n  WeekDays,\n} from '../calendar/types.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowUp,\n  escapeKey,\n} from '../common/controllers/key-bindings.js';\nimport { addRootClickController } from '../common/controllers/root-click.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { IgcCalendarResourceStrings } from '../common/i18n/EN/calendar.resources.js';\nimport {\n  addI18nController,\n  getDateTimeFormat,\n} from '../common/i18n/i18n-controller.js';\nimport { IgcComboBoxBaseLikeComponent } from '../common/mixins/combo-box.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport { FormValueDateTimeTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport {\n  addSafeEventListener,\n  bindIf,\n  equal,\n  getElementFromPath,\n} from '../common/util.js';\nimport type { DatePart } from '../date-time-input/date-part.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport IgcDialogComponent from '../dialog/dialog.js';\nimport IgcFocusTrapComponent from '../focus-trap/focus-trap.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport type {\n  ContentOrientation,\n  PickerMode,\n  RangeTextSelectMode,\n  SelectionRangeDirection,\n} from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { styles } from './themes/date-picker.base.css.js';\nimport { styles as shared } from './themes/shared/date-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { datePickerValidators } from './validators.js';\n\nexport interface IgcDatePickerComponentEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n  igcChange: CustomEvent<Date | null>;\n  igcInput: CustomEvent<Date | null>;\n}\n\nlet nextId = 1;\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'bad-input',\n  'value-missing',\n  'range-overflow',\n  'range-underflow',\n  'custom-error',\n  'invalid',\n  'title',\n  'header-date',\n  'clear-icon',\n  'calendar-icon',\n  'calendar-icon-open',\n  'actions'\n);\ntype DatePickerResourceStringsType = IDatePickerResourceStrings &\n  ICalendarResourceStrings;\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * igc-date-picker is a feature rich component used for entering a date through manual text input or\n * choosing date values from a calendar dialog that pops up.\n *\n * @element igc-date-picker\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after the input.\n * @slot helper-text - Renders content below the input.\n * @slot bad-input - Renders content when the value is in the disabledDates ranges.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot actions - Renders content in the action part of the picker in open state.\n *\n * @fires igcOpening - Emitted just before the calendar dropdown is shown.\n * @fires igcOpened - Emitted after the calendar dropdown is shown.\n * @fires igcClosing - Emitted just before the calendar dropdown is hidden.\n * @fires igcClosed - Emitted after the calendar dropdown is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart calendar-icon - The calendar icon wrapper for closed state.\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart actions - The actions wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@blazorAdditionalDependencies(\n  'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcDatePickerComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcDatePickerComponentEventMap,\n    AbstractConstructor<IgcComboBoxBaseLikeComponent>\n  >(IgcComboBoxBaseLikeComponent)\n) {\n  public static readonly tagName = 'igc-date-picker';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDatePickerComponent,\n      IgcCalendarComponent,\n      IgcDateTimeInputComponent,\n      IgcFocusTrapComponent,\n      IgcIconComponent,\n      IgcPopoverComponent,\n      IgcDialogComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  //#region Private properties and state\n\n  protected override get __validators() {\n    return datePickerValidators;\n  }\n\n  private readonly _inputId = `date-picker-${nextId++}`;\n  private readonly _themes = addThemingController(this, all);\n  private readonly _slots = addSlotController(this, { slots: Slots });\n\n  /**\n   * For now we use the core validation strings internally only, to avoid mixing with old resources by users.\n   * To Do: Update resourceStrings type when the IgcCalendarResourceStrings is changed to ICalendarResourceStrings\n   */\n  protected readonly _i18nController = addI18nController<\n    IgcCalendarResourceStrings | DatePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DatePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-picker',\n  });\n\n  private _oldValue: Date | null = null;\n  private _activeDate: Date | null = null;\n  private _min: Date | null = null;\n  private _max: Date | null = null;\n  private _disabledDates?: DateRangeDescriptor[];\n  private _dateConstraints?: DateRangeDescriptor[];\n  private _inputFormat?: string;\n  private _displayFormat?: string;\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueDateTimeTransformers,\n  });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  @query(IgcDateTimeInputComponent.tagName)\n  private readonly _input!: IgcDateTimeInputComponent;\n\n  @query(IgcCalendarComponent.tagName)\n  private readonly _calendar!: IgcCalendarComponent;\n\n  private get _isDropDown(): boolean {\n    return this.mode === 'dropdown';\n  }\n\n  private get _isMaterial(): boolean {\n    return this._themes.theme === 'material';\n  }\n\n  //#endregion\n\n  //#region Public properties and attributes\n\n  /**\n   * Sets the state of the datepicker dropdown.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public override open = false;\n\n  /**\n   * The label of the datepicker.\n   * @attr label\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * Determines whether the calendar is opened in a dropdown or a modal dialog\n   * @attr mode\n   */\n  @property()\n  public mode: PickerMode = 'dropdown';\n\n  /**\n   * Whether to allow typing in the input.\n   * @attr non-editable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'non-editable' })\n  public nonEditable = false;\n\n  /**\n   * Makes the control a readonly field.\n   * @attr readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'readonly' })\n  public readOnly = false;\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set value(value: Date | string | null | undefined) {\n    this._formValue.setValueAndFormState(value as Date | null);\n  }\n\n  public get value(): Date | null {\n    return this._formValue.value;\n  }\n\n  /**\n   * Gets/Sets the date which is shown in the calendar picker and is highlighted.\n   * By default it is the current date.\n   */\n  @property({ attribute: 'active-date', converter: convertToDate })\n  public set activeDate(value: Date | string | null | undefined) {\n    this._activeDate = convertToDate(value);\n  }\n\n  public get activeDate(): Date {\n    return this._activeDate ?? this._calendar?.activeDate;\n  }\n\n  /**\n   * The minimum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._setDateConstraints();\n    this._validate();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the date picker to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._setDateConstraints();\n    this._validate();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ attribute: 'header-orientation', reflect: true })\n  public headerOrientation: CalendarHeaderOrientation = 'horizontal';\n\n  /**\n   * The orientation of the multiple months displayed in the calendar's days view.\n   *  @attr\n   */\n  @property()\n  public orientation: ContentOrientation = 'horizontal';\n\n  /**\n   * Determines whether the calendar hides its header.\n   * @attr hide-header\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-header' })\n  public hideHeader = false;\n\n  /**\n   * Controls the visibility of the dates that do not belong to the current month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-outside-days' })\n  public hideOutsideDays = false;\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public set disabledDates(dates: DateRangeDescriptor[]) {\n    this._disabledDates = dates;\n    this._setDateConstraints();\n    this._validate();\n  }\n\n  public get disabledDates() {\n    return this._disabledDates as DateRangeDescriptor[];\n  }\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  /**\n   * Whether the control will have outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * Whether to show the number of the week in the calendar.\n   * @attr show-week-numbers\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-week-numbers' })\n  public showWeekNumbers = false;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the locale format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return this._displayFormat ?? this._input?.displayFormat;\n  }\n\n  /**\n   * The date format to apply on the input.\n   * Defaults to the current locale Intl.DateTimeFormat\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public set inputFormat(value: string) {\n    this._inputFormat = value;\n  }\n\n  public get inputFormat(): string {\n    return this._inputFormat ?? this._input?.inputFormat;\n  }\n\n  /** The prompt symbol to use for unfilled parts of the mask.\n   *  @attr\n   */\n  @property()\n  public prompt = '_';\n\n  /**\n   * Gets/Sets the locale used for formatting the display value.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale() {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value: IgcCalendarResourceStrings | DatePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcCalendarResourceStrings &\n    DatePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  /** Sets the start day of the week for the calendar. */\n  @property({ attribute: 'week-start' })\n  public weekStart: WeekDays = 'sunday';\n\n  //#endregion\n\n  //#region Watchers\n\n  @watch('open')\n  protected _openChange(): void {\n    this._rootClickController.update();\n    if (this.open) {\n      this._oldValue = this.value;\n    }\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks\n\n  constructor() {\n    super();\n\n    addSafeEventListener(this, 'focusout', this._handleFocusOut);\n\n    addKeybindings(this, {\n      skip: () => this.disabled || this.readOnly,\n    })\n      .set([altKey, arrowDown], this._handleAnchorClick)\n      .set([altKey, arrowUp], this._onEscapeKey)\n      .set(escapeKey, this._onEscapeKey);\n  }\n\n  protected override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    if (this._input) {\n      this._input._labelElements = this._internals.labels;\n    }\n  }\n\n  //#endregion\n\n  //#region Private methods\n\n  private _setDateConstraints(): void {\n    this._dateConstraints = createDateConstraints(\n      this.min,\n      this.max,\n      this.disabledDates\n    );\n  }\n\n  private async _shouldCloseCalendarDropdown(): Promise<void> {\n    if (!this.keepOpenOnSelect && (await this._hide(true))) {\n      this._input.focus();\n      this._input.select();\n    }\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected async _onEscapeKey(): Promise<void> {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  protected _handleFocusOut({ relatedTarget }: FocusEvent): void {\n    if (!this.contains(relatedTarget as Node)) {\n      this._handleBlur();\n\n      const readOnly = !this._isDropDown || this.readOnly || this.nonEditable;\n      if (readOnly && !equal(this.value, this._oldValue)) {\n        this.emitEvent('igcChange', { detail: this.value });\n        this._oldValue = this.value;\n      }\n    }\n  }\n\n  protected _handlerCalendarIconSlotPointerDown(event: PointerEvent) {\n    // This is where the delegateFocus of the underlying input is a chore.\n    // If we have a required validator we don't want the input to enter an invalid\n    // state right off the bat when opening the picker which will happen since focus is transferred to the calendar element.\n    // So we call preventDefault on the event in order to not focus the input and trigger its validation logic on blur.\n    event.preventDefault();\n  }\n\n  protected _handleInputClick(event: Event): void {\n    if (getElementFromPath('input', event)) {\n      // Open only if the click originates from the underlying input\n      this._handleAnchorClick();\n    }\n  }\n\n  protected override async _handleAnchorClick(): Promise<void> {\n    this._calendar.activeDate = this.value ?? this._calendar.activeDate;\n\n    super._handleAnchorClick();\n    await this.updateComplete;\n    this._calendar[focusActiveDate]({ preventScroll: true });\n  }\n\n  protected _handleInputChangeEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    this._setTouchedState();\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected async _handleCalendarChangeEvent(\n    event: CustomEvent<Date>\n  ): Promise<void> {\n    event.stopPropagation();\n\n    this._setTouchedState();\n\n    if (this.readOnly) {\n      // Wait till the calendar finishes updating and then restore the current value from the date-picker.\n      await this._calendar.updateComplete;\n      this._calendar.value = this.value;\n      return;\n    }\n\n    this.value = (event.target as IgcCalendarComponent).value!;\n    this.emitEvent('igcChange', { detail: this.value });\n\n    this._shouldCloseCalendarDropdown();\n  }\n\n  protected _handleInputEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    this._setTouchedState();\n\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    this.value = (event.target as IgcDateTimeInputComponent).value!;\n    this._calendar.activeDate = this.value ?? this._calendar.activeDate;\n    this.emitEvent('igcInput', { detail: this.value });\n  }\n\n  protected _handleClosing(): void {\n    this._hide(true);\n  }\n\n  protected _handleDialogClosing(event: Event): void {\n    event.stopPropagation();\n    this._oldValue = this.value;\n    this._hide(true);\n  }\n\n  protected _handleDialogClosed(event: Event): void {\n    event.stopPropagation();\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /** Clears the input part of the component of any user input */\n  public clear(): void {\n    this._oldValue = this.value;\n    this.value = null;\n    this._input?.clear();\n  }\n\n  /** Increments the passed in date part */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    this._input.stepUp(datePart, delta);\n  }\n\n  /** Decrements the passed in date part */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    this._input.stepDown(datePart, delta);\n  }\n\n  /** Selects the text in the input of the component */\n  public select(): void {\n    this._input.select();\n  }\n\n  /* blazorSuppress */\n  /** Sets the text selection range in the input of the component */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction?: SelectionRangeDirection\n  ): void {\n    this._input.setSelectionRange(start, end, direction);\n  }\n\n  /* blazorSuppress */\n  /* Replaces the selected text in the input and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    mode?: RangeTextSelectMode\n  ): void {\n    this._input.setRangeText(replacement, start, end, mode);\n    this.value = this._input.value;\n  }\n\n  //#endregion\n\n  //#region Render methods\n\n  private _renderClearIcon() {\n    return this.value\n      ? html`\n          <span\n            slot=\"suffix\"\n            part=\"clear-icon\"\n            @click=${bindIf(!this.readOnly, this.clear)}\n          >\n            <slot name=\"clear-icon\">\n              <igc-icon\n                name=\"input_clear\"\n                collection=\"default\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        `\n      : nothing;\n  }\n\n  private _renderCalendarIcon() {\n    const defaultIcon = html`\n      <igc-icon\n        name=\"today\"\n        collection=\"default\"\n        aria-hidden=\"true\"\n        title=${ifDefined(\n          this.value\n            ? this.resourceStrings.date_picker_change_date\n            : this.resourceStrings.date_picker_choose_date\n        )}\n      ></igc-icon>\n    `;\n\n    const state = this.open ? 'calendar-icon-open' : 'calendar-icon';\n\n    return html`\n      <span\n        slot=\"prefix\"\n        part=${state}\n        @pointerdown=${this._handlerCalendarIconSlotPointerDown}\n        @click=${bindIf(!this.readOnly, this._handleAnchorClick)}\n      >\n        <slot name=${state}>${defaultIcon}</slot>\n      </span>\n    `;\n  }\n\n  private _renderCalendarSlots() {\n    if (this._isDropDown) {\n      return nothing;\n    }\n\n    const hasHeaderDate = this._slots.hasAssignedElements('header-date');\n\n    return html`\n      <slot name=\"title\" slot=\"title\">\n        ${this.resourceStrings.calendar_select_date}\n      </slot>\n      <slot\n        name=\"header-date\"\n        slot=${bindIf(hasHeaderDate, 'header-date')}\n      ></slot>\n    `;\n  }\n\n  private _renderCalendar(id: string) {\n    const hideHeader = this._isDropDown ? true : this.hideHeader;\n    const isInert = !this.open || this.disabled;\n\n    return html`\n      <igc-calendar\n        aria-labelledby=${id}\n        role=\"dialog\"\n        .inert=${isInert}\n        ?show-week-numbers=${this.showWeekNumbers}\n        ?hide-outside-days=${this.hideOutsideDays}\n        ?hide-header=${hideHeader}\n        .activeDate=${this.activeDate ?? this.value}\n        .value=${this.value}\n        .headerOrientation=${this.headerOrientation}\n        .orientation=${this.orientation}\n        .visibleMonths=${this.visibleMonths}\n        .locale=${this.locale}\n        .disabledDates=${this._dateConstraints!}\n        .specialDates=${this.specialDates}\n        .weekStart=${this.weekStart}\n        @igcChange=${this._handleCalendarChangeEvent}\n        exportparts=\"header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n        years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n        days-view, months-view, years-view, days-row, label: calendar-label, week-number, week-number-inner, date,\n        date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n        month, month-inner, year, year-inner, selected, current\"\n      >\n        ${this._renderCalendarSlots()}\n      </igc-calendar>\n    `;\n  }\n\n  protected _renderActions() {\n    const hasActions = this._slots.hasAssignedElements('actions');\n\n    // If in dialog mode use the dialog footer slot\n    return html`\n      <div\n        part=\"actions\"\n        ?hidden=${!hasActions}\n        slot=${bindIf(!this._isDropDown && hasActions, 'footer')}\n      >\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderPicker(id: string) {\n    const isDisabled = !this.open || this.disabled;\n\n    return this._isDropDown\n      ? html`\n          <igc-popover ?open=${this.open} anchor=${id} flip shift>\n            <igc-focus-trap ?disabled=${isDisabled}>\n              ${this._renderCalendar(id)}${this._renderActions()}\n            </igc-focus-trap>\n          </igc-popover>\n        `\n      : html`\n          <igc-dialog\n            aria-label=${ifDefined(\n              this.value\n                ? this.resourceStrings.date_picker_change_date\n                : this.resourceStrings.date_picker_choose_date\n            )}\n            role=\"dialog\"\n            ?open=${this.open}\n            ?close-on-outside-click=${!this.keepOpenOnOutsideClick}\n            hide-default-action\n            @igcClosing=${this._handleDialogClosing}\n            @igcClosed=${this._handleDialogClosed}\n            exportparts=\"base: dialog-base, title, footer, overlay\"\n          >\n            ${this._renderCalendar(id)}${this._renderActions()}\n          </igc-dialog>\n        `;\n  }\n\n  private _renderLabel(id: string) {\n    const isDisabled = this._isDropDown || this.readOnly;\n\n    return this.label\n      ? html`\n          <label\n            part=\"label\"\n            for=${id}\n            @click=${bindIf(!isDisabled, this._handleAnchorClick)}\n          >\n            ${this.label}\n          </label>\n        `\n      : nothing;\n  }\n\n  private _renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this);\n  }\n\n  protected _renderInput(id: string) {\n    const format = getDateTimeFormat(this._displayFormat);\n\n    // Dialog mode is always readonly, rest depends on configuration\n    const readOnly = !this._isDropDown || this.readOnly || this.nonEditable;\n\n    const hasPrefix = this._slots.hasAssignedElements('prefix');\n    const hasSuffix = this._slots.hasAssignedElements('suffix');\n    const hasClickHandler = !(this._isDropDown || this.readOnly);\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        aria-haspopup=\"dialog\"\n        label=${bindIf(this._isMaterial, this.label)}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${readOnly}\n        ?required=${this.required}\n        .value=${this.value}\n        .locale=${this.locale}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${this.placeholder}\n        .min=${this.min}\n        .max=${this.max}\n        .invalid=${this.invalid}\n        @igcChange=${this._handleInputChangeEvent}\n        @igcInput=${this._handleInputEvent}\n        @keydown=${this._handleEnterKeydown}\n        @click=${bindIf(hasClickHandler, this._handleInputClick)}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderCalendarIcon()}\n        <slot name=\"prefix\" slot=${bindIf(hasPrefix, 'prefix')}></slot>\n        ${this._renderClearIcon()}\n        <slot name=\"suffix\" slot=${bindIf(hasSuffix, 'suffix')}></slot>\n      </igc-date-time-input>\n    `;\n  }\n\n  protected override render() {\n    const id = this.id || this._inputId;\n\n    return html`\n      ${this._isMaterial ? nothing : this._renderLabel(id)}\n      ${this._renderInput(id)} ${this._renderPicker(id)}\n      ${this._renderHelperText()}\n    `;\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-picker': IgcDatePickerComponent;\n  }\n}\n"]}
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAG5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,uDAAuD,CAAC;AACrG,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EACL,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,6BAA6B,EAAE,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,OAAO,yBAAyB,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EACL,0BAA0B,EAE1B,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAIvD,MAAM,MAAM,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAChD,MAAM,KAAK,GAAG,QAAQ,CACpB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,SAAS,CACV,CAAC;AAsFa,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,iBAAiB,CAGnE,0BAA0B,CAAC;IAHd;;QAsBe,aAAQ,GAAG,MAAM,EAAE,CAAC;QACpB,YAAO,GAAG,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC1C,WAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE;YAC3D,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;QAMyB,oBAAe,GAAG,iBAAiB,CAE7D,IAAI,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,MAAM,CACtB,EAAE,EACF,2BAA2B,EAC3B,yBAAyB,CAC1B;YACD,eAAe,EAAE,aAAa;SAC/B,CAAC,CAAC;QAEyB,eAAU,GAAG,oBAAoB,CAAC,IAAI,EAAE;YAClE,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,6BAA6B;SAC5C,CAAC,CAAC;IA4RL,CAAC;;aAtUwB,YAAO,GAAG,iBAAiB,AAApB,CAAqB;aACrC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAGjC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,wBAAsB,EACtB,yBAAyB,EACzB,GAAG,kBAAkB,CACtB,CAAC;IACJ,CAAC;IAID,IAAuB,YAAY;QACjC,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IAmCD,IAAuB,MAAM;QAC3B,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAuB,MAAM,CAAC,KAAkB;QAC9C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAuB,SAAS;QAC9B,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC;IAC7B,CAAC;IAED,IAAuB,kBAAkB;QACvC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAuB,cAAc;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAuB,gBAAgB;QACrC,OAAO,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC;IACnD,CAAC;IAED,IAAuB,kBAAkB;QACvC,OAAO,IAAI,CAAC,KAAK;YACf,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,uBAAuB;YAC9C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,uBAAuB,CAAC;IACnD,CAAC;IAED,IAAuB,YAAY;QACjC,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAED,IAAuB,qBAAqB;QAC1C,OAAO,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC;IACpC,CAAC;IAED,IAAuB,mBAAmB;QACxC,OAAO,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC;IAClC,CAAC;IAED,IAAuB,iBAAiB;QACtC,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC;IAC7B,CAAC;IAEkB,WAAW;QAC5B,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAEkB,oBAAoB;QACrC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;IAEkB,qBAAqB;QACtC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEkB,aAAa;QAC9B,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACvB,CAAC;IAEkB,2BAA2B,CAAC,KAAa;QAC1D,OAAO,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;IAChC,CAAC;IAMkB,OAAO;QACxB,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC;IAEkB,gBAAgB;QACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;IAC9B,CAAC;IAkBD,IAAW,KAAK,CAAC,KAAuC;QACtD,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAoB,CAAC,CAAC;IAC7D,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAaD,IAAW,eAAe,CACxB,KAAiE;QAEjE,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/C,CAAC;IAED,IAAW,eAAe;QAExB,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;IAC9C,CAAC;IAMS,uBAAuB,CAAC,KAAwB;QACxD,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,YAAY,CACd,KAAK,CAAC,MAAoC,CAAC,KAAK,EACjD,WAAW,CACZ,CAAC;IACJ,CAAC;IAES,iBAAiB,CAAC,KAAwB;QAClD,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAI,KAAK,CAAC,MAAoC,CAAC,iBAAiB,CAAC;QAE5E,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;QAC/D,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAMkB,iBAAiB;QAClC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAO1B,IAAI,CAAC,MAAM,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC;IACvC,CAAC;IAOM,MAAM,CAAC,QAAmB,EAAE,KAAc;QAC/C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IAGM,QAAQ,CAAC,QAAmB,EAAE,KAAc;QACjD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;IAIM,iBAAiB,CACtB,KAAa,EACb,GAAW,EACX,SAAmC;QAEnC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IACvD,CAAC;IAIM,YAAY,CACjB,WAAmB,EACnB,KAAa,EACb,GAAW,EACX,IAA0B;QAE1B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;IACjC,CAAC;IAMO,YAAY,CAAC,EAAU;QAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC;QAErD,OAAO,IAAI,CAAC,KAAK;YACf,CAAC,CAAC,IAAI,CAAA;;;kBAGM,EAAE;qBACC,MAAM,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC;;cAEnD,IAAI,CAAC,KAAK;;SAEf;YACH,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAES,YAAY,CAAC,EAAU;QAC/B,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACtD,MAAM,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE7D,OAAO,IAAI,CAAA;;aAEF,EAAE;gBACC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC;uBAC7B,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC;yBAC1B,SAAS,CAAC,MAAM,CAAC;oBACtB,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,iBAAiB;oBACtB,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK;kBACT,IAAI,CAAC,MAAM;kBACX,IAAI,CAAC,MAAM;oBACT,IAAI,CAAC,QAAQ;uBACV,IAAI,CAAC,WAAW;eACxB,IAAI,CAAC,GAAG;eACR,IAAI,CAAC,GAAG;mBACJ,IAAI,CAAC,OAAO;qBACV,IAAI,CAAC,uBAAuB;oBAC7B,IAAI,CAAC,iBAAiB;mBACvB,IAAI,CAAC,mBAAmB;iBAC1B,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAAC;;;UAGtD,IAAI,CAAC,kBAAkB,EAAE;;KAE9B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC;QAEpC,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC;QAC/C,IAAI,CAAC,0BAA0B,EAAE;KACpC,CAAC;IACJ,CAAC;;AAtRgB;IADhB,KAAK,CAAC,yBAAyB,CAAC,OAAO,CAAC;sDACW;AAuGpD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;mDAGtC;AAWM;IADN,QAAQ,EAAE;2DACiB;AAM5B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6DAK9B;AA/KkB,sBAAsB;IAJ1C,4BAA4B,CAC3B,uFAAuF,CACxF;IACA,aAAa,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;GACnB,sBAAsB,CA0U1C;eA1UoB,sBAAsB","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DatePickerResourceStringsEN,\n  type ICalendarResourceStrings,\n  type IDatePickerResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, nothing, type TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { convertToDate } from '#internals/date/converters.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { IgcCalendarResourceStrings } from '#internals/i18n/EN/calendar.resources.js';\nimport {\n  addI18nController,\n  getDateTimeFormat,\n} from '#internals/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormValueDateTimeTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { firstOf } from '#internals/utils/arrays.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport type { CalendarSelection } from '../calendar/types.js';\nimport type { DatePart } from '../date-time-input/date-part.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport {\n  IgcDatePickerBaseComponent,\n  type IgcPickerBaseEventMap,\n  pickerDependencies,\n} from './date-picker.base.js';\nimport { styles } from './themes/date-picker.base.css.js';\nimport { styles as shared } from './themes/shared/date-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { datePickerValidators } from './validators.js';\n\nexport type IgcDatePickerComponentEventMap = IgcPickerBaseEventMap<Date>;\n\nconst nextId = createIdGenerator('date-picker');\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'bad-input',\n  'value-missing',\n  'range-overflow',\n  'range-underflow',\n  'custom-error',\n  'invalid',\n  'title',\n  'header-date',\n  'clear-icon',\n  'calendar-icon',\n  'calendar-icon-open',\n  'actions'\n);\ntype DatePickerResourceStringsType = IDatePickerResourceStrings &\n  ICalendarResourceStrings;\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * The date picker is a feature rich component used for entering a date through manual text input or\n * choosing date values from a calendar dialog that pops up.\n *\n * @element igc-date-picker\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after the input.\n * @slot helper-text - Renders content below the input.\n * @slot bad-input - Renders content when the value is in the disabledDates ranges.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n * @slot title - Renders content in the calendar title.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n * @slot clear-icon - Renders a clear icon template.\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot actions - Renders content in the action part of the picker in open state.\n *\n * @fires igcOpening - Emitted just before the calendar popover is shown.\n * @fires igcOpened - Emitted after the calendar popover is shown.\n * @fires igcClosing - Emitted just before the calendar popover is hidden.\n * @fires igcClosed - Emitted after the calendar popover is hidden.\n * @fires igcChange - Emitted when the user modifies and commits the elements's value.\n * @fires igcInput - Emitted when when the user types in the element.\n *\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart calendar-icon - The calendar icon wrapper for closed state.\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart actions - The actions wrapper.\n * @csspart helper-text - The helper-text wrapper that renders content below the target input.\n * @csspart header - The calendar header element.\n * @csspart header-title - The calendar header title element.\n * @csspart header-date - The calendar header date element.\n * @csspart calendar-content - The calendar content element which contains the views and navigation elements.\n * @csspart navigation - The calendar navigation container element.\n * @csspart months-navigation - The calendar months navigation button element.\n * @csspart years-navigation - The calendar years navigation button element.\n * @csspart years-range - The calendar years range element.\n * @csspart navigation-buttons - The calendar navigation buttons container.\n * @csspart navigation-button - The calendar previous/next navigation button.\n * @csspart days-view-container - The calendar days view container element.\n * @csspart days-view - The calendar days view element.\n * @csspart months-view - The calendar months view element.\n * @csspart years-view - The calendar years view element.\n * @csspart days-row - The calendar days row element.\n * @csspart calendar-label - The calendar week header label element.\n * @csspart week-number - The calendar week number element.\n * @csspart week-number-inner - The calendar week number inner element.\n * @csspart date - The calendar date element.\n * @csspart date-inner - The calendar date inner element.\n * @csspart first - The calendar first selected date element in range selection.\n * @csspart last - The calendar last selected date element in range selection.\n * @csspart inactive - The calendar inactive date element.\n * @csspart hidden - The calendar hidden date element.\n * @csspart weekend - The calendar weekend date element.\n * @csspart range - The calendar range selected element.\n * @csspart special - The calendar special date element.\n * @csspart disabled - The calendar disabled date element.\n * @csspart single - The calendar single selected date element.\n * @csspart preview - The calendar range selection preview date element.\n * @csspart month - The calendar month element.\n * @csspart month-inner - The calendar month inner element.\n * @csspart year - The calendar year element.\n * @csspart year-inner - The calendar year inner element.\n * @csspart selected - The calendar selected state for element(s). Applies to date, month and year elements.\n * @csspart current - The calendar current state for element(s). Applies to date, month and year elements.\n */\n@blazorAdditionalDependencies(\n  'IgcCalendarComponent, IgcDateTimeInputComponent, IgcDialogComponent, IgcIconComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcDatePickerComponent extends EventEmitterMixin<\n  IgcDatePickerComponentEventMap,\n  AbstractConstructor<IgcDatePickerBaseComponent<Date>>\n>(IgcDatePickerBaseComponent) {\n  public static readonly tagName = 'igc-date-picker';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDatePickerComponent,\n      IgcDateTimeInputComponent,\n      ...pickerDependencies\n    );\n  }\n\n  //#region Private properties and state\n\n  protected override get __validators() {\n    return datePickerValidators;\n  }\n\n  protected override readonly _inputId = nextId();\n  protected override readonly _themes = addThemingController(this, all);\n  protected override readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  /**\n   * For now we use the core validation strings internally only, to avoid mixing with old resources by users.\n   * To Do: Update resourceStrings type when the IgcCalendarResourceStrings is changed to ICalendarResourceStrings\n   */\n  protected override readonly _i18nController = addI18nController<\n    IgcCalendarResourceStrings | DatePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DatePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-picker',\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: null,\n    transformers: FormValueDateTimeTransformers,\n  });\n\n  @query(IgcDateTimeInputComponent.tagName)\n  private readonly _input!: IgcDateTimeInputComponent;\n\n  //#endregion\n\n  //#region Base class hooks\n\n  protected override get _value(): Date | null {\n    return this.value;\n  }\n\n  protected override set _value(value: Date | null) {\n    this.value = value;\n  }\n\n  protected override get _hasValue(): boolean {\n    return this.value !== null;\n  }\n\n  protected override get _calendarSelection(): CalendarSelection {\n    return 'single';\n  }\n\n  protected override get _calendarValue(): Date | null {\n    return this.value;\n  }\n\n  protected override get _selectDateLabel(): string | undefined {\n    return this.resourceStrings.calendar_select_date;\n  }\n\n  protected override get _calendarIconTitle(): string | undefined {\n    return this.value\n      ? this.resourceStrings.date_picker_change_date\n      : this.resourceStrings.date_picker_choose_date;\n  }\n\n  protected override get _dialogLabel(): string | undefined {\n    return this._calendarIconTitle;\n  }\n\n  protected override get _defaultDisplayFormat(): string | undefined {\n    return this._input?.displayFormat;\n  }\n\n  protected override get _defaultInputFormat(): string | undefined {\n    return this._input?.inputFormat;\n  }\n\n  protected override get _projectionTarget() {\n    return this._input ?? null;\n  }\n\n  protected override _focusInput(): void {\n    this._input.focus();\n  }\n\n  protected override _focusAndSelectInput(): void {\n    this._input.focus();\n    this._input.select();\n  }\n\n  protected override _syncCalendarOnToggle(): void {\n    this._setCalendarActiveDate(this.value);\n  }\n\n  protected override _clearEditors(): void {\n    this._input?.clear();\n  }\n\n  protected override _valueFromCalendarSelection(dates: Date[]): Date | null {\n    return firstOf(dates) ?? null;\n  }\n\n  /**\n   * A committed edit in the input already emits `igcChange` on its own, so only a\n   * value which the picker itself has changed is left to notify about here.\n   */\n  protected override _onBlur(): void {\n    if (this._isEditorReadOnly) {\n      this._emitChangeIfDirty();\n    }\n  }\n\n  protected override _onDialogClosing(): void {\n    this._oldValue = this.value;\n  }\n\n  //#endregion\n\n  //#region Public properties and attributes\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  /**\n   * The value of the picker.\n   *\n   * Only ever holds a committed value. While the user is typing in the input, the\n   * intermediate state stays in the editor and is committed - together with an\n   * `igcChange` event - when the edit is committed on blur. Use the `igcInput` event\n   * to observe the value as it is being typed.\n   *\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set value(value: Date | string | null | undefined) {\n    this._formValue.setValueAndFormState(value as Date | null);\n  }\n\n  public get value(): Date | null {\n    return this._formValue.value;\n  }\n\n  /**\n   * The placeholder text of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value: IgcCalendarResourceStrings | DatePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcCalendarResourceStrings &\n    DatePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  //#endregion\n\n  //#region Event handlers\n\n  protected _handleInputChangeEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    this._commitValue(\n      (event.target as IgcDateTimeInputComponent).value,\n      'igcChange'\n    );\n  }\n\n  protected _handleInputEvent(event: CustomEvent<Date>): void {\n    event.stopPropagation();\n\n    this._setTouchedState();\n\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    const draft = (event.target as IgcDateTimeInputComponent)._uncommittedValue;\n\n    this._calendar.activeDate = draft ?? this._calendar.activeDate;\n    this.emitEvent('igcInput', { detail: draft });\n  }\n\n  //#endregion\n\n  //#region Form associated overrides\n\n  protected override formResetCallback(): void {\n    super.formResetCallback();\n\n    // The inner editor is not associated with the outer form (shadow\n    // boundary), so the browser never resets it. Since it runs its own\n    // constraint validation against the forwarded `required`/`min`/`max`,\n    // a touched editor would otherwise keep its invalid styles after the\n    // form reset.\n    this._input?.['formResetCallback']();\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /** Increments the passed in date part */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    this._input.stepUp(datePart, delta);\n  }\n\n  /** Decrements the passed in date part */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    this._input.stepDown(datePart, delta);\n  }\n\n  /** Selects the text in the input of the component */\n  public select(): void {\n    this._input.select();\n  }\n\n  /* blazorSuppress */\n  /** Sets the text selection range in the input of the component */\n  public setSelectionRange(\n    start: number,\n    end: number,\n    direction?: SelectionRangeDirection\n  ): void {\n    this._input.setSelectionRange(start, end, direction);\n  }\n\n  /* blazorSuppress */\n  /* Replaces the selected text in the input and re-applies the mask */\n  public setRangeText(\n    replacement: string,\n    start: number,\n    end: number,\n    mode?: RangeTextSelectMode\n  ): void {\n    this._input.setRangeText(replacement, start, end, mode);\n    this.value = this._input.value;\n  }\n\n  //#endregion\n\n  //#region Render methods\n\n  private _renderLabel(id: string) {\n    const isDisabled = this._isDropDown || this.readOnly;\n\n    return this.label\n      ? html`\n          <label\n            part=\"label\"\n            for=${id}\n            @click=${bindIf(!isDisabled, this._handleAnchorClick)}\n          >\n            ${this.label}\n          </label>\n        `\n      : nothing;\n  }\n\n  protected _renderInput(id: string) {\n    const format = getDateTimeFormat(this._displayFormat);\n    const hasClickHandler = !(this._isDropDown || this.readOnly);\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        label=${bindIf(this._isMaterial, this.label)}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${this._isEditorReadOnly}\n        ?required=${this.required}\n        .value=${this.value}\n        .locale=${this.locale}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${this.placeholder}\n        .min=${this.min}\n        .max=${this.max}\n        .invalid=${this.invalid}\n        @igcChange=${this._handleInputChangeEvent}\n        @igcInput=${this._handleInputEvent}\n        @keydown=${this._handleEnterKeydown}\n        @click=${bindIf(hasClickHandler, this._handleInputClick)}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderEditorSlots()}\n      </igc-date-time-input>\n    `;\n  }\n\n  protected override render(): TemplateResult {\n    const id = this.id || this._inputId;\n\n    return html`\n      ${this._isMaterial ? nothing : this._renderLabel(id)}\n      ${this._renderInput(id)} ${this._renderPicker(id)}\n      ${this._renderValidationContainer()}\n    `;\n  }\n\n  //#endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-picker': IgcDatePickerComponent;\n  }\n}\n"]}

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

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

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

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-picker.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-picker.indigo.css.js';\nimport { styles as material } from './shared/date-picker.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/date-picker/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/date-picker.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/date-picker.fluent.css.js';\nimport { styles as indigoDark } from './dark/date-picker.indigo.css.js';\nimport { styles as materialDark } from './dark/date-picker.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/date-picker.bootstrap.css.js';\nimport { styles as fluentLight } from './light/date-picker.fluent.css.js';\nimport { styles as indigoLight } from './light/date-picker.indigo.css.js';\nimport { styles as materialLight } from './light/date-picker.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/date-picker.bootstrap.css.js';\nimport { styles as fluent } from './shared/date-picker.fluent.css.js';\nimport { styles as indigo } from './shared/date-picker.indigo.css.js';\nimport { styles as material } from './shared/date-picker.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -1,3 +1,3 @@
-import { type Validator } from '../common/validators.js';
+import { type Validator } from '#internals/validators.js';
 import type IgcDatePickerComponent from './date-picker.js';
 export declare const datePickerValidators: Validator<IgcDatePickerComponent>[];

package/components/date-picker/validators.js

@@ -1,7 +1,7 @@
 import { ValidationResourceStringsEN } from 'igniteui-i18n-core';
+import { formatString } from '#internals/utils/strings.js';
+import { maxDateValidator, minDateValidator, requiredValidator, } from '#internals/validators.js';
 import { isDateInRanges } from '../calendar/helpers.js';
-import { formatString } from '../common/util.js';
-import { maxDateValidator, minDateValidator, requiredValidator, } from '../common/validators.js';
 export const datePickerValidators = [
     requiredValidator,
     minDateValidator,

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

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,KAAK,CACN;QACH,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CACpC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;KACxE;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport { formatString } from '../common/util.js';\nimport {\n  maxDateValidator,\n  minDateValidator,\n  requiredValidator,\n  type Validator,\n} from '../common/validators.js';\nimport type IgcDatePickerComponent from './date-picker.js';\n\nexport const datePickerValidators: Validator<IgcDatePickerComponent>[] = [\n  requiredValidator,\n  minDateValidator,\n  maxDateValidator,\n  {\n    key: 'badInput',\n    message: ({ value }) =>\n      formatString(\n        ValidationResourceStringsEN.disabled_date_validation_error!,\n        value\n      ),\n    isValid: ({ value, disabledDates }) =>\n      value && disabledDates ? !isDateInRanges(value, disabledDates) : true,\n  },\n];\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,MAAM,CAAC,MAAM,oBAAoB,GAAwC;IACvE,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB;QACE,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,KAAK,CACN;QACH,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CACpC,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI;KACxE;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { formatString } from '#internals/utils/strings.js';\nimport {\n  maxDateValidator,\n  minDateValidator,\n  requiredValidator,\n  type Validator,\n} from '#internals/validators.js';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport type IgcDatePickerComponent from './date-picker.js';\n\nexport const datePickerValidators: Validator<IgcDatePickerComponent>[] = [\n  requiredValidator,\n  minDateValidator,\n  maxDateValidator,\n  {\n    key: 'badInput',\n    message: ({ value }) =>\n      formatString(\n        ValidationResourceStringsEN.disabled_date_validation_error!,\n        value\n      ),\n    isValid: ({ value, disabledDates }) =>\n      value && disabledDates ? !isDateInRanges(value, disabledDates) : true,\n  },\n];\n"]}

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

@@ -1,5 +1,4 @@
-import type { AbstractConstructor } from '../common/mixins/constructor.js';
-import { type DatePartDeltas } from '../date-time-input/date-part.js';
+import type { AbstractConstructor } from '#internals/mixins/constructor.js';
 import { IgcDateTimeInputBaseComponent } from '../date-time-input/date-time-input.base.js';
 import type { DateRangeValue } from '../types.js';
 import { DateRangeMaskParser, type DateRangePart } from './date-range-mask-parser.js';
@@ -9,36 +8,35 @@ export interface IgcDateRangeInputComponentEventMap {
     focus: FocusEvent;
     blur: FocusEvent;
 }
-declare const IgcDateRangeInputComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateRangeInputComponentEventMap>> & AbstractConstructor<IgcDateTimeInputBaseComponent>;
+declare const IgcDateRangeInputComponent_base: import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcDateRangeInputComponentEventMap>> & AbstractConstructor<IgcDateTimeInputBaseComponent<DateRangeValue>>;
 export default class IgcDateRangeInputComponent extends IgcDateRangeInputComponent_base {
     static readonly tagName = "igc-date-range-input";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<DateRangeValue | null>;
-    protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
+    protected readonly _formValue: import("#internals/mixins/forms/form-value.js").FormValue<DateRangeValue | null>;
+    protected readonly _themes: import("#theming/theming-controller.js").ThemingController;
     protected readonly _parser: DateRangeMaskParser;
-    protected get _datePartDeltas(): DatePartDeltas;
-    protected _oldValue: DateRangeValue | null;
     /**
      * The value of the date range input.
+     *
+     * Only ever holds a committed value. While the user is typing, the intermediate
+     * state lives in the masked text and is committed - together with an `igcChange`
+     * event - when the edit is committed on blur.
+     *
      * @attr
      */
     set value(value: DateRangeValue | null);
     get value(): DateRangeValue | null;
     connectedCallback(): void;
-    protected _handleFocus(): Promise<void>;
-    protected _handleBlur(): void;
+    protected _isValueEmpty(): boolean;
     protected _setCurrentDateTime(): void;
     protected _calculatePartNavigationPosition(inputValue: string, direction: number): number;
-    protected _updateMaskDisplay(): void;
     protected _performStep(datePart: unknown, delta: number | undefined, isDecrement: boolean): void;
-    protected _commitSpunValue(value: unknown): void;
     protected _buildDisplayValue(): string;
     protected _calculateSpunValue(datePart: unknown, delta: number | undefined, isDecrement: boolean): DateRangeValue;
     /**
      * Gets the date range part at the current cursor position.
-     * If the cursor is at a literal, finds the nearest non-literal part.
-     * Returns undefined if no valid part is found.
+     * Returns undefined if the cursor sits outside any part - in the separator, say.
      */
     protected _getDatePartAtCursor(): DateRangePart | undefined;
     /**
@@ -46,15 +44,13 @@ export default class IgcDateRangeInputComponent extends IgcDateRangeInputCompone
      * Returns the first date part at the start position.
      */
     protected _getDefaultDatePart(): DateRangePart | undefined;
-    protected _buildMaskedValue(): string;
-    protected _applyMask(string: string): void;
-    protected _syncValueFromMask(): void;
+    protected _parseMask(strict: boolean): DateRangeValue | null;
+    protected _formatValue(value: DateRangeValue | null): string;
+    protected _applyMask(formatString: string): void;
     /** Increments a date/time portion. */
     stepUp(datePart?: DateRangePart, delta?: number): void;
     /** Decrements a date/time portion. */
     stepDown(datePart?: DateRangePart, delta?: number): void;
-    /** Clears the input element of user input. */
-    clear(): void;
     hasDateParts(): boolean;
     hasTimeParts(): boolean;
 }

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

@@ -5,17 +5,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { property } from 'lit/decorators.js';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { CalendarDay } from '../calendar/model.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { formatDisplayDate } from '../common/i18n/i18n-controller.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { FormValueDateRangeTransformers } from '../common/mixins/forms/form-transformers.js';
-import { createFormValueState } from '../common/mixins/forms/form-value.js';
-import { equal } from '../common/util.js';
+import { CalendarDay } from '#internals/date/model.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { formatDisplayDate } from '#internals/i18n/i18n-controller.js';
+import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { FormValueDateRangeTransformers } from '#internals/mixins/forms/form-transformers.js';
+import { createFormValueState } from '#internals/mixins/forms/form-value.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { DatePartType, } from '../date-time-input/date-part.js';
 import { IgcDateTimeInputBaseComponent } from '../date-time-input/date-time-input.base.js';
-import { DateParts } from '../date-time-input/datetime-mask-parser.js';
 import { styles } from '../input/themes/input.base.css.js';
 import { styles as shared } from '../input/themes/shared/input.common.css.js';
 import { all } from '../input/themes/themes.js';
@@ -29,19 +27,14 @@ export default class IgcDateRangeInputComponent extends EventEmitterMixin(IgcDat
         });
         this._themes = addThemingController(this, all);
         this._parser = new DateRangeMaskParser();
-        this._oldValue = null;
     }
     static { this.tagName = 'igc-date-range-input'; }
     static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcDateRangeInputComponent);
     }
-    get _datePartDeltas() {
-        return { date: 1, month: 1, year: 1 };
-    }
     set value(value) {
-        this._formValue.setValueAndFormState(value);
-        this._updateMaskDisplay();
+        this._applyValue(value);
     }
     get value() {
         return this._formValue.value;
@@ -51,53 +44,18 @@ export default class IgcDateRangeInputComponent extends EventEmitterMixin(IgcDat
         this._initializeDefaultMask();
         this._updateMaskDisplay();
     }
-    async _handleFocus() {
-        this._focused = true;
-        if (this.readOnly) {
-            return;
-        }
-        this._oldValue = this.value;
-        if (!this.value || (!this.value.start && !this.value.end)) {
-            this._maskedValue = this._parser.emptyMask;
-            await this.updateComplete;
-            this.select();
-        }
-        else if (this.displayFormat !== this.inputFormat) {
-            this._updateMaskDisplay();
-        }
-    }
-    _handleBlur() {
-        const isSameValue = equal(this._oldValue, this.value);
-        this._focused = false;
-        if (!(this._isMaskComplete() || this._isEmptyMask)) {
-            const parsed = this._parser.parseDateRange(this._maskedValue);
-            if (parsed && (parsed.start || parsed.end)) {
-                this.value = parsed;
-            }
-            else {
-                this.value = null;
-                this._maskedValue = '';
-            }
-        }
-        else {
-            this._updateMaskDisplay();
-        }
-        if (!(this.readOnly || isSameValue)) {
-            this.emitEvent('igcChange', { detail: this.value });
-        }
-        super._handleBlur();
+    _isValueEmpty() {
+        return !this.value || (!this.value.start && !this.value.end);
     }
     _setCurrentDateTime() {
         const today = CalendarDay.today.native;
-        this.value = { start: today, end: today };
+        this._setDraftValue({ start: today, end: today });
         this._emitInputEvent();
     }
     _calculatePartNavigationPosition(inputValue, direction) {
         const cursorPos = this._maskSelection.start;
-        const rangeParts = this._parser.rangeParts;
-        const currentPart = rangeParts.find((p) => p.type !== DateParts.Literal &&
-            cursorPos >= p.start &&
-            cursorPos <= p.end);
+        const rangeParts = this._parser.parts;
+        const currentPart = this._parser.getPartForCursor(cursorPos);
         const isStartOrEndPart = currentPart &&
             (currentPart.position === DateRangePosition.Start ||
                 currentPart.position === DateRangePosition.End);
@@ -105,42 +63,26 @@ export default class IgcDateRangeInputComponent extends EventEmitterMixin(IgcDat
             if (isStartOrEndPart && cursorPos !== currentPart.start) {
                 return currentPart.start;
             }
-            const prevPart = [...rangeParts]
-                .reverse()
-                .find((p) => p.type !== DateParts.Literal && p.end < cursorPos);
+            const prevPart = rangeParts.findLast((p) => p.type !== DatePartType.Literal && p.end < cursorPos);
             return prevPart?.start ?? 0;
         }
         if (isStartOrEndPart && cursorPos !== currentPart.end) {
             return currentPart.end;
         }
-        const nextPart = rangeParts.find((p) => p.type !== DateParts.Literal && p.start > cursorPos);
+        const nextPart = rangeParts.find((p) => p.type !== DatePartType.Literal && p.start > cursorPos);
         return nextPart?.end ?? inputValue.length;
     }
-    _updateMaskDisplay() {
-        if (this._focused) {
-            if (this.value?.start || this.value?.end) {
-                this._maskedValue = this._buildMaskedValue();
-            }
-            else if (!this._maskedValue) {
-                this._maskedValue = this._parser.emptyMask;
-            }
-            return;
-        }
-        this._maskedValue = this._buildDisplayValue();
-    }
     _performStep(datePart, delta, isDecrement) {
-        if (!this.value?.start && !this.value?.end) {
+        const current = this._uncommittedValue;
+        if (!current?.start && !current?.end) {
             const today = CalendarDay.today.native;
-            this.value = { start: today, end: today };
+            this._setDraftValue({ start: today, end: today });
             const { start, end } = this._inputSelection;
             this.updateComplete.then(() => this._input?.setSelectionRange(start, end));
             return;
         }
         super._performStep(datePart, delta, isDecrement);
     }
-    _commitSpunValue(value) {
-        this.value = value;
-    }
     _buildDisplayValue() {
         if (!this.value?.start && !this.value?.end) {
             return '';
@@ -161,35 +103,20 @@ export default class IgcDateRangeInputComponent extends EventEmitterMixin(IgcDat
         const part = this._parser.getPartByTypeAndPosition(range.part, range.position);
         const today = CalendarDay.today.native;
         const defaultValue = { start: today, end: today };
+        const current = this._uncommittedValue;
         if (!part) {
-            return this.value || defaultValue;
+            return current || defaultValue;
         }
         const effectiveDelta = delta ?? this._datePartDeltas[range.part] ?? 1;
         const spinAmount = effectiveDelta * (isDecrement ? -1 : 1);
-        const amPmValue = part.type === DatePartType.AmPm
-            ? this._maskedValue.substring(part.start, part.end)
-            : undefined;
-        return this._parser.spinDateRangePart(part, spinAmount, this.value, this.spinLoop, amPmValue);
+        const amPmValue = this._readAmPmFromMask(part);
+        return this._parser.spinDateRangePart(part, spinAmount, current, this.spinLoop, amPmValue);
     }
     _getDatePartAtCursor() {
-        const cursorPos = this._inputSelection.start;
-        let part = this._parser.getDateRangePartForCursor(cursorPos);
-        if (part?.type === DatePartType.Literal) {
-            const nextPart = this._parser.rangeParts.find((p) => p.start >= cursorPos && p.type !== DatePartType.Literal);
-            if (nextPart) {
-                part = nextPart;
-            }
-            else {
-                part = this._parser.rangeParts.findLast((p) => p.end <= cursorPos && p.type !== DatePartType.Literal);
-            }
-        }
-        if (part && part.type !== DatePartType.Literal) {
-            return {
-                part: part.type,
-                position: part.position,
-            };
-        }
-        return undefined;
+        const part = this._parser.getPartForCursor(this._inputSelection.start);
+        return part
+            ? { part: part.type, position: part.position }
+            : undefined;
     }
     _getDefaultDatePart() {
         const firstPart = this._parser.getFirstDatePartForPosition(DateRangePosition.Start);
@@ -201,25 +128,19 @@ export default class IgcDateRangeInputComponent extends EventEmitterMixin(IgcDat
         }
         return undefined;
     }
-    _buildMaskedValue() {
-        return this._parser.formatDateRange(this.value);
-    }
-    _applyMask(string) {
-        const previous = this._parser.mask;
-        this._parser.mask = string;
-        this._defaultMask = string;
-        this._parser.prompt = this.prompt;
-        if (!this.placeholder || previous === this.placeholder) {
-            this.placeholder = this._parser.mask;
-        }
-    }
-    _syncValueFromMask() {
-        if (!this._isMaskComplete()) {
-            this.value = null;
-            return;
+    _parseMask(strict) {
+        if (strict && !this._isMaskComplete()) {
+            return null;
         }
         const parsed = this._parser.parseDateRange(this._maskedValue);
-        this.value = parsed?.start || parsed?.end ? parsed : null;
+        return parsed?.start || parsed?.end ? parsed : null;
+    }
+    _formatValue(value) {
+        return this._parser.formatDateRange(value);
+    }
+    _applyMask(formatString) {
+        super._applyMask(formatString);
+        this._parser.prompt = this.prompt;
     }
     stepUp(datePart, delta) {
         super.stepUp(datePart, delta);
@@ -227,19 +148,11 @@ export default class IgcDateRangeInputComponent extends EventEmitterMixin(IgcDat
     stepDown(datePart, delta) {
         super.stepDown(datePart, delta);
     }
-    clear() {
-        this._maskedValue = '';
-        this.value = null;
-    }
     hasDateParts() {
-        return this._parser.rangeParts.some((p) => p.type === DatePartType.Date ||
-            p.type === DatePartType.Month ||
-            p.type === DatePartType.Year);
+        return this._parser.hasDateParts();
     }
     hasTimeParts() {
-        return this._parser.rangeParts.some((p) => p.type === DatePartType.Hours ||
-            p.type === DatePartType.Minutes ||
-            p.type === DatePartType.Seconds);
+        return this._parser.hasTimeParts();
     }
 }
 __decorate([