igniteui-webcomponents 7.3.0-beta.0 → 7.3.0-beta.1

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

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var IgcDateRangePickerComponent_1;
-import { CalendarResourceStringsEN, DateRangePickerResourceStringsEN, getDateFormatter, } from 'igniteui-i18n-core';
+import { CalendarResourceStringsEN, DateRangePickerResourceStringsEN, } from 'igniteui-i18n-core';
 import { html, nothing } from 'lit';
 import { property, query, queryAll, state } from 'lit/decorators.js';
 import { cache } from 'lit/directives/cache.js';
@@ -14,11 +14,11 @@ import { live } from 'lit/directives/live.js';
 import { addAriaProjector } from '#internals/controllers/aria-projection.js';
 import { addSlotController, setSlots } from '#internals/controllers/slot.js';
 import { convertToDateRange } from '#internals/date/converters.js';
-import { CalendarDay } from '#internals/date/model.js';
+import { CalendarDay, truncateTime } from '#internals/date/model.js';
 import { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';
 import { shadowOptions } from '#internals/decorators/shadow-options.js';
 import { registerComponent } from '#internals/definitions/register.js';
-import { addI18nController, getDateTimeFormat, getDefaultDateTimeFormat, } from '#internals/i18n/i18n-controller.js';
+import { addI18nController, getDateTimeFormat, } 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';
@@ -79,10 +79,10 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
         return this.resourceStrings.calendar_select_date;
     }
     get _defaultDisplayFormat() {
-        return this._inputFormat ?? this._localeDisplayFormat;
+        return this._inputFormat ?? this._i18nController.localeDisplayFormat;
     }
     get _defaultInputFormat() {
-        return this._defaultMask;
+        return this._i18nController.localeInputFormat;
     }
     get _projectionTarget() {
         return this._input ?? this._inputs?.[0] ?? null;
@@ -156,7 +156,6 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
         this._i18nController = addI18nController(this, {
             defaultEN: Object.assign({}, DateRangePickerResourceStringsEN, CalendarResourceStringsEN),
             resourceMapName: 'date-range-picker',
-            onResourceChange: this._updateDefaultMask,
         });
         this._formValue = createFormValueState(this, {
             initialValue: { start: null, end: null },
@@ -178,9 +177,6 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
     }
     willUpdate(changedProperties) {
         super.willUpdate(changedProperties);
-        if (changedProperties.has('locale')) {
-            this._updateDefaultMask();
-        }
         if (changedProperties.has('mode') && !this._isDropDown) {
             this.keepOpenOnSelect = true;
         }
@@ -222,18 +218,16 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
             return;
         }
         const input = event.target;
-        const draft = input._uncommittedValue;
-        const newValue = draft ? CalendarDay.from(draft).native : null;
+        const newValue = truncateTime(input._uncommittedValue);
         const range = this._getUpdatedDateRange(input, newValue);
         this._setCalendarRangeValues(range);
-        this._calendar.activeDate =
-            newValue ?? range.start ?? range.end ?? this._calendar.activeDate;
+        this._setCalendarActiveDate(newValue, range.start, range.end);
         this.emitEvent('igcInput', { detail: range });
     }
     _handleInputChange(event) {
         event.stopPropagation();
         const input = event.target;
-        const newValue = input.value ? CalendarDay.from(input.value).native : null;
+        const newValue = truncateTime(input.value);
         this._commitRange(this._getUpdatedDateRange(input, newValue));
     }
     async _handleDateRangeInput(event) {
@@ -252,10 +246,6 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
         event.stopPropagation();
         this._commitRange(event.target.value);
     }
-    _updateDefaultMask() {
-        this._defaultMask = getDefaultDateTimeFormat(this.locale);
-        this._localeDisplayFormat = getDateFormatter().getLocaleDateTimeFormat(this.locale);
-    }
     async _syncCalendarRange() {
         await this._calendar?.updateComplete;
         this._setCalendarRangeValues();
@@ -269,8 +259,7 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
     }
     _setCalendarActiveDateAndViewIndex() {
         const activeDaysViewIndex = '_activeDaysViewIndex';
-        this._calendar.activeDate =
-            this._firstDefinedInRange ?? this._calendar.activeDate;
+        this._setCalendarActiveDate(this._firstDefinedInRange);
         this._calendar[activeDaysViewIndex] = 0;
     }
     _getUpdatedDateRange(input, newValue) {
@@ -291,9 +280,7 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
                 CalendarDay.compare(range.start, range.end) === 0
                     ? [range.start]
                     : [range.start, range.end];
-            if (this._calendar) {
-                this._calendar.activeDate = range.start;
-            }
+            this._setCalendarActiveDate(range.start);
             return;
         }
         const first = range?.start ?? range?.end ?? null;
@@ -315,8 +302,7 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
     }
     _select(value, emitEvent = false) {
         this.value = value;
-        this._calendar.activeDate =
-            this._firstDefinedInRange ?? this._calendar.activeDate;
+        this._setCalendarActiveDate(this._firstDefinedInRange);
         if (emitEvent) {
             this.emitEvent('igcChange', { detail: this.value });
             this._oldValue = this.value;
@@ -414,11 +400,12 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
         </div>
         ${this._renderInput(idEnd, DateRangePosition.End)}
       </div>
-      ${this._renderPicker(idStart)} ${this._renderHelperText()}
+      ${this._renderPicker(idStart)} ${this._renderValidationContainer()}
     `;
     }
     _renderSingleInput(id) {
-        const format = getDateTimeFormat(this.displayFormat) ?? this._localeDisplayFormat;
+        const format = getDateTimeFormat(this.displayFormat) ??
+            this._i18nController.localeDisplayFormat;
         const hasClickHandler = !(this._isDropDown || this.readOnly);
         return html `
       <igc-date-range-input
@@ -443,7 +430,7 @@ let IgcDateRangePickerComponent = class IgcDateRangePickerComponent extends Even
       >
         ${this._renderEditorSlots()}
       </igc-date-range-input>
-      ${this._renderHelperText()} ${this._renderPicker(id)}
+      ${this._renderValidationContainer()} ${this._renderPicker(id)}
     `;
     }
     render() {

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DateRangePickerResourceStringsEN,\n  getDateFormatter,\n  type ICalendarResourceStrings,\n  type IDateRangePickerResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { convertToDateRange } from '#internals/date/converters.js';\nimport { CalendarDay } from '#internals/date/model.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 { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.resources.js';\nimport {\n  addI18nController,\n  getDateTimeFormat,\n  getDefaultDateTimeFormat,\n} from '#internals/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormValueDateRangeTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { firstOf, isEmpty, lastOf } from '#internals/utils/arrays.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport { asNumber, clamp } from '#internals/utils/math.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport type { CalendarSelection } from '../calendar/types.js';\nimport {\n  IgcDatePickerBaseComponent,\n  type IgcPickerBaseEventMap,\n  pickerDependencies,\n} from '../date-picker/date-picker.base.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport type { DateRangeValue } from '../types.js';\nimport IgcDateRangeInputComponent from './date-range-input.js';\nimport { DateRangePosition } from './date-range-mask-parser.js';\nimport { styles } from './date-range-picker.base.css.js';\nimport IgcPredefinedRangesAreaComponent from './predefined-ranges-area.js';\nimport { styles as shared } from './themes/shared/date-range-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { dateRangeValidators, isCompleteDateRange } from './validators.js';\n\nexport type { DateRangeValue } from '../types.js';\n\n/* jsonAPIPlainObject */\n/** A predefined date range with label for {@link IgcDateRangePickerComponent.customRanges} */\nexport interface CustomDateRange {\n  label: string;\n  dateRange: DateRangeValue;\n}\n\n/** Either editor the picker renders the range in - the masked single one or a start/end pair. */\ntype PickerEditor = IgcDateRangeInputComponent | IgcDateTimeInputComponent;\n\nexport type IgcDateRangePickerComponentEventMap =\n  IgcPickerBaseEventMap<DateRangeValue>;\n\nexport type DateRangePickerResourceStringsType =\n  IDateRangePickerResourceStrings & ICalendarResourceStrings;\n\nconst nextId = createIdGenerator('date-range-picker');\nconst Slots = setSlots(\n  'prefix',\n  'prefix-start',\n  'prefix-end',\n  'suffix',\n  'suffix-start',\n  'suffix-end',\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  'clear-icon-start',\n  'clear-icon-end',\n  'calendar-icon',\n  'calendar-icon-start',\n  'calendar-icon-end',\n  'calendar-icon-open',\n  'calendar-icon-open-start',\n  'calendar-icon-open-end',\n  'actions',\n  'separator'\n);\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * The Date Range Picker includes a text input and a calendar pop-up, allowing users to easily select start and end dates.\n *\n * @element igc-date-range-picker\n *\n * @slot prefix - Renders content before the input (single input).\n * @slot prefix-start - Renders content before the start input (two inputs).\n * @slot prefix-end - Renders content before the end input (two inputs).\n * @slot suffix - Renders content after the input (single input).\n * @slot suffix-start - Renders content after the start input (single input).\n * @slot suffix-end - Renders content after the end input (single 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 clear-icon-start - Renders a clear icon template for the start input (two inputs).\n * @slot clear-icon-end - Renders a clear icon template for the end input (two inputs).\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-start - Renders the icon/content for the calendar picker for the start input (two inputs).\n * @slot calendar-icon-end - Renders the icon/content for the calendar picker for the end input (two inputs).\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot calendar-icon-open-start - Renders the icon/content for the picker in open state for the start input (two inputs).\n * @slot calendar-icon-open-end - Renders the icon/content for the picker in open state for the end input (two inputs).\n * @slot actions - Renders content in the action part of the picker in open state.\n * @slot separator - Renders the separator element between the two inputs.\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 separator - The separator element between the two inputs.\n * @csspart ranges - The wrapper that renders the custom and predefined ranges.\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart calendar-icon - The calendar icon wrapper for closed state (single input).\n * @csspart calendar-icon-start - The calendar icon wrapper for closed state for the start input (two inputs).\n * @csspart calendar-icon-end - The calendar icon wrapper for closed state for the end input (two inputs).\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state (single input).\n * @csspart calendar-icon-open-start - The calendar icon wrapper for opened state for the start input (two inputs).\n * @csspart calendar-icon-open-end - The calendar icon wrapper for opened state for the end input (two inputs).\n * @csspart clear-icon - The clear icon wrapper (single input).\n * @csspart clear-icon-start - The clear icon wrapper for the start input (two inputs).\n * @csspart clear-icon-end - The clear icon wrapper for the end input (two inputs).\n * @csspart actions - The wrapper for the custom actions area.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix 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, IgcChipComponent, IgcInputComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcDateRangePickerComponent extends EventEmitterMixin<\n  IgcDateRangePickerComponentEventMap,\n  AbstractConstructor<IgcDatePickerBaseComponent<DateRangeValue>>\n>(IgcDatePickerBaseComponent) {\n  public static readonly tagName = 'igc-date-range-picker';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDateRangePickerComponent,\n      IgcDateRangeInputComponent,\n      IgcDateTimeInputComponent,\n      IgcPredefinedRangesAreaComponent,\n      ...pickerDependencies\n    );\n  }\n\n  // #region Internal state & properties\n\n  protected override get __validators() {\n    return dateRangeValidators;\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 IgcDateRangePickerResourceStrings is changed to IDateRangePickerResourceStrings\n   */\n  protected override readonly _i18nController = addI18nController<\n    IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DateRangePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-range-picker',\n    onResourceChange: this._updateDefaultMask,\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: { start: null, end: null },\n    transformers: FormValueDateRangeTransformers,\n  });\n\n  protected override _visibleMonths = 2;\n\n  private _localeDisplayFormat!: string;\n  private _defaultMask!: string;\n  private _placeholder?: string;\n\n  /** The range reflected in the calendar, committed or still being typed. */\n  @state()\n  private _calendarRange: Date[] | null = null;\n\n  @queryAll(IgcDateTimeInputComponent.tagName)\n  private readonly _inputs!: NodeListOf<IgcDateTimeInputComponent>;\n\n  @query(IgcDateRangeInputComponent.tagName)\n  private readonly _input!: IgcDateRangeInputComponent;\n\n  /** The editors currently rendered by the picker. */\n  private get _editors(): PickerEditor[] {\n    return this.useTwoInputs ? Array.from(this._inputs) : [this._input];\n  }\n\n  /** The editor of single editor operations - the start one when the range is split. */\n  private get _startEditor(): PickerEditor {\n    return firstOf(this._editors);\n  }\n\n  private get _firstDefinedInRange(): Date | null {\n    return this.value?.start ?? this.value?.end ?? null;\n  }\n\n  // #endregion\n\n  // #region Base class hooks\n\n  protected override get _value(): DateRangeValue | null {\n    return this.value;\n  }\n\n  protected override set _value(value: DateRangeValue | null) {\n    this.value = value;\n  }\n\n  protected override get _hasValue(): boolean {\n    return this._firstDefinedInRange !== null;\n  }\n\n  protected override get _calendarSelection(): CalendarSelection {\n    return 'range';\n  }\n\n  protected override get _calendarValues(): Date[] | null {\n    return this._calendarRange;\n  }\n\n  protected override get _defaultActiveDate(): Date | null {\n    return this._firstDefinedInRange;\n  }\n\n  protected override get _selectDateLabel(): string | undefined {\n    return this.resourceStrings.calendar_select_date;\n  }\n\n  protected override get _defaultDisplayFormat(): string | undefined {\n    return this._inputFormat ?? this._localeDisplayFormat;\n  }\n\n  protected override get _defaultInputFormat(): string | undefined {\n    return this._defaultMask;\n  }\n\n  protected override get _projectionTarget() {\n    // The host's associated labels are projected only onto the start input.\n    return this._input ?? this._inputs?.[0] ?? null;\n  }\n\n  protected override _focusInput(): void {\n    this._startEditor.focus();\n  }\n\n  protected override _focusAndSelectInput(): void {\n    this.useTwoInputs ? this._inputs[0].select() : this._input.focus();\n  }\n\n  protected override _canCloseOnSelect(): boolean {\n    return this._calendar.values.length > 1;\n  }\n\n  protected override _handleDismiss(): void {\n    if (!this._isDropDown) {\n      this._revertValue();\n    }\n  }\n\n  protected override _syncCalendarOnToggle(): void {\n    this._setCalendarActiveDateAndViewIndex();\n  }\n\n  protected override _clearEditors(): void {\n    for (const editor of this._editors) {\n      editor?.clear();\n    }\n  }\n\n  protected override _onDialogClosing(): void {\n    this._emitChangeIfDirty();\n  }\n\n  /** In dialog mode the range is committed by the actions of the dialog instead. */\n  protected override _commitsCalendarSelection(): boolean {\n    return this._isDropDown;\n  }\n\n  protected override _valueFromCalendarSelection(\n    dates: Date[]\n  ): DateRangeValue {\n    // A range cleared in the calendar comes through as no dates at all\n    return isEmpty(dates)\n      ? { start: null, end: null }\n      : { start: firstOf(dates), end: lastOf(dates) };\n  }\n\n  // #endregion\n\n  // #region General properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false, true) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: convertToDateRange })\n  public set value(value: DateRangeValue | string | null | undefined) {\n    this._formValue.setValueAndFormState(convertToDateRange(value));\n    this._setCalendarRangeValues();\n  }\n\n  public get value(): DateRangeValue | null {\n    return this._formValue.value;\n  }\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   * @default 2\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public override set visibleMonths(value: number) {\n    this._visibleMonths = clamp(asNumber(value, 2), 1, 2);\n  }\n\n  public override get visibleMonths(): number {\n    return this._visibleMonths;\n  }\n\n  /**\n   * Renders chips with custom ranges based on the elements of the array.\n   */\n  @property({ attribute: false })\n  public customRanges: CustomDateRange[] = [];\n\n  /**\n   * Use two inputs to display the date range values. Makes the input editable in dropdown mode.\n   * @attr use-two-inputs\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'use-two-inputs' })\n  public useTwoInputs = false;\n\n  /**\n   * Whether the control will show chips with predefined ranges.\n   * @attr\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'use-predefined-ranges',\n  })\n  public usePredefinedRanges = false;\n\n  /** The resource strings of the date range picker. */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value:\n      | IgcDateRangePickerResourceStrings\n      | DateRangePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcDateRangePickerResourceStrings &\n    DateRangePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  // #endregion\n\n  // #region Input-related properties\n\n  /**\n   * The label of the start input.\n   * @attr label-start\n   */\n  @property({ attribute: 'label-start' })\n  public labelStart = '';\n\n  /**\n   * The label of the end input.\n   * @attr label-end\n   */\n  @property({ attribute: 'label-end' })\n  public labelEnd = '';\n\n  /**\n   * The placeholder text of the control (single input).\n   * @attr\n   */\n  @property()\n  public set placeholder(value: string) {\n    this._placeholder = value;\n  }\n\n  public get placeholder(): string {\n    const rangePlaceholder = `${this.inputFormat} - ${this.inputFormat}`;\n    return this._placeholder ?? rangePlaceholder;\n  }\n\n  /**\n   * The placeholder text of the start input.\n   * @attr placeholder-start\n   */\n  @property({ attribute: 'placeholder-start' })\n  public placeholderStart = '';\n\n  /**\n   * The placeholder text of the end input.\n   * @attr placeholder-end\n   */\n  @property({ attribute: 'placeholder-end' })\n  public placeholderEnd = '';\n\n  // #endregion\n\n  // #region Life-cycle hooks\n\n  constructor() {\n    super();\n\n    // The base class projector covers the start editor. In two-input mode the\n    // end editor needs the picker popup semantics as well, labels excluded.\n    addAriaProjector(this, {\n      target: () => this._inputs[1] ?? null,\n      state: () => ({ hasPopup: 'dialog' }),\n    });\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n\n    if (changedProperties.has('locale')) {\n      this._updateDefaultMask();\n    }\n\n    if (changedProperties.has('mode') && !this._isDropDown) {\n      this.keepOpenOnSelect = true;\n    }\n\n    // The editors are swapped by the render below, so both the range and the\n    // delegated validity are re-applied once the new ones are in place.\n    if (changedProperties.has('useTwoInputs')) {\n      this._syncEditors();\n    } else if (changedProperties.has('mode')) {\n      this._syncCalendarRange();\n    }\n  }\n\n  protected override firstUpdated() {\n    this._delegateInputsValidity();\n  }\n\n  protected override formResetCallback() {\n    super.formResetCallback();\n    this._setCalendarRangeValues();\n  }\n\n  // #endregion\n\n  // #region Public API methods\n\n  /* blazorSuppress */\n  /** @internal */\n  public hasDateParts(): boolean {\n    return this._startEditor.hasDateParts();\n  }\n\n  /* blazorSuppress */\n  /** @internal */\n  public hasTimeParts(): boolean {\n    return this._startEditor.hasTimeParts();\n  }\n\n  /** Selects a date range value in the picker */\n  public select(value: DateRangeValue | null): void {\n    this._select(value);\n  }\n\n  // #endregion\n\n  // #region Event handlers\n\n  protected _dialogCancel() {\n    this._revertValue();\n    this._hide(true);\n  }\n\n  protected _dialogDone() {\n    this._emitChangeIfDirty();\n    this._hide(true);\n  }\n\n  protected _handleInput(event: CustomEvent<string>) {\n    event.stopPropagation();\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    const input = event.target as IgcDateTimeInputComponent;\n    const draft = input._uncommittedValue;\n    const newValue = draft ? CalendarDay.from(draft).native : null;\n    const range = this._getUpdatedDateRange(input, newValue);\n\n    this._setCalendarRangeValues(range);\n    this._calendar.activeDate =\n      newValue ?? range.start ?? range.end ?? this._calendar.activeDate;\n\n    this.emitEvent('igcInput', { detail: range });\n  }\n\n  protected _handleInputChange(event: CustomEvent<Date | null>) {\n    event.stopPropagation();\n\n    const input = event.target as IgcDateTimeInputComponent;\n    const newValue = input.value ? CalendarDay.from(input.value).native : null;\n\n    this._commitRange(this._getUpdatedDateRange(input, newValue));\n  }\n\n  protected async _handleDateRangeInput(event: CustomEvent<string>) {\n    event.stopPropagation();\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    const input = event.target as IgcDateRangeInputComponent;\n    const draft = input._uncommittedValue;\n\n    this._setCalendarRangeValues(draft);\n    this._calendar.activeDate = draft?.start;\n\n    this.emitEvent('igcInput', { detail: draft });\n  }\n\n  protected _handleDateRangeInputChange(\n    event: CustomEvent<DateRangeValue | null>\n  ) {\n    event.stopPropagation();\n\n    this._commitRange((event.target as IgcDateRangeInputComponent).value);\n  }\n\n  // #endregion\n\n  // #region Private methods\n\n  private _updateDefaultMask(): void {\n    this._defaultMask = getDefaultDateTimeFormat(this.locale);\n    this._localeDisplayFormat = getDateFormatter().getLocaleDateTimeFormat(\n      this.locale\n    );\n  }\n\n  private async _syncCalendarRange(): Promise<void> {\n    await this._calendar?.updateComplete;\n    this._setCalendarRangeValues();\n  }\n\n  private async _syncEditors(): Promise<void> {\n    await this._syncCalendarRange();\n    this._delegateInputsValidity();\n  }\n\n  protected _revertValue() {\n    this.value = this._oldValue;\n  }\n\n  /**\n   * Points the calendar at the current range, if any, and back to its first rendered\n   * month.\n   */\n  private _setCalendarActiveDateAndViewIndex() {\n    const activeDaysViewIndex = '_activeDaysViewIndex';\n\n    this._calendar.activeDate =\n      this._firstDefinedInRange ?? this._calendar.activeDate;\n    this._calendar[activeDaysViewIndex] = 0;\n  }\n\n  /**\n   * Composes the range from what the two editors currently hold.\n   *\n   * The sibling input is read through its draft rather than through the committed\n   * `value`, since an edit in progress there has not reached the picker yet.\n   */\n  private _getUpdatedDateRange(\n    input: IgcDateTimeInputComponent,\n    newValue: Date | null\n  ): DateRangeValue {\n    const [startInput, endInput] = this._inputs;\n\n    return input === startInput\n      ? { start: newValue, end: endInput?._uncommittedValue ?? null }\n      : { start: startInput?._uncommittedValue ?? null, end: newValue };\n  }\n\n  /**\n   * Delegates the validity methods of the editors to the range validation of the picker.\n   * The pristine check keeps a form reset, which assigns to the editors, from validating.\n   */\n  private _delegateInputsValidity() {\n    for (const input of this._editors) {\n      input.checkValidity = () =>\n        !this._pristine ? this.checkValidity() : true;\n      input.reportValidity = () =>\n        !this._pristine ? this.reportValidity() : true;\n    }\n  }\n\n  /**\n   * Reflects a range in the calendar. Defaults to the committed value, but the input\n   * handlers pass the uncommitted draft so that the calendar keeps following along\n   * while the user types.\n   */\n  private _setCalendarRangeValues(range: DateRangeValue | null = this.value) {\n    if (isCompleteDateRange(range)) {\n      this._calendarRange =\n        CalendarDay.compare(range.start, range.end) === 0\n          ? [range.start]\n          : [range.start, range.end];\n\n      if (this._calendar) {\n        this._calendar.activeDate = range.start;\n      }\n      return;\n    }\n\n    const first = range?.start ?? range?.end ?? null;\n    this._calendarRange = first ? [first] : null;\n  }\n\n  /**\n   * Commits a range entered through an editor, normalizing a reversed one, and notifies.\n   * Assigning the value reflects the range in the calendar on its own.\n   */\n  private _commitRange(range: DateRangeValue | null): void {\n    const { start, end } = (range && this._swapDates(range)) ?? {\n      start: null,\n      end: null,\n    };\n\n    this.value = { start, end };\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  private _swapDates(range: DateRangeValue): DateRangeValue {\n    return isCompleteDateRange(range) &&\n      CalendarDay.compare(range.start, range.end) >= 1\n      ? { start: range.end, end: range.start }\n      : range;\n  }\n\n  private _select(value: DateRangeValue | null, emitEvent = false) {\n    this.value = value;\n    this._calendar.activeDate =\n      this._firstDefinedInRange ?? this._calendar.activeDate;\n\n    if (emitEvent) {\n      this.emitEvent('igcChange', { detail: this.value });\n      this._oldValue = this.value;\n      this._hide(true);\n    }\n  }\n\n  // #endregion\n\n  // #region Rendering\n\n  /**\n   * Custom actions stay in the body of the dialog, so that they do not collide\n   * with the cancel/done buttons rendered in its footer.\n   */\n  protected override _renderActions() {\n    const hasActions = this._slots.hasAssignedElements('actions');\n    const slot = this._isDropDown || hasActions ? undefined : 'footer';\n\n    return html`\n      <div part=\"actions\" ?hidden=${!hasActions} slot=${ifDefined(slot)}>\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderPredefinedRanges() {\n    const hasRanges = this.usePredefinedRanges || !isEmpty(this.customRanges);\n\n    return hasRanges\n      ? html`\n          <igc-predefined-ranges-area\n            .usePredefinedRanges=${this.usePredefinedRanges}\n            .customRanges=${this.customRanges}\n            .resourceStrings=${this.resourceStrings}\n            @igcRangeSelect=${({ detail }: CustomEvent<DateRangeValue>) =>\n              this._select(detail, this._isDropDown)}\n          >\n          </igc-predefined-ranges-area>\n        `\n      : nothing;\n  }\n\n  protected override _renderPickerContent(id: string) {\n    return this._isDropDown\n      ? html`${this._renderCalendar(id)} ${this._renderPredefinedRanges()}\n        ${this._renderActions()}`\n      : html`${this._renderCalendar(id)} ${this._renderActions()}\n        ${this._renderPredefinedRanges()}`;\n  }\n\n  protected override _renderDialogFooter() {\n    const isIndigo = this._themes.theme === 'indigo';\n\n    return html`\n      <igc-button\n        slot=\"footer\"\n        @click=${this._dialogCancel}\n        variant=${isIndigo ? 'outlined' : 'flat'}\n        >${this.resourceStrings.date_range_picker_cancel_button}</igc-button\n      >\n      <igc-button\n        slot=\"footer\"\n        @click=${this._dialogDone}\n        variant=${isIndigo ? 'contained' : 'flat'}\n        >${this.resourceStrings.date_range_picker_done_button}</igc-button\n      >\n    `;\n  }\n\n  protected _renderInput(\n    id: string,\n    picker:\n      | DateRangePosition.Start\n      | DateRangePosition.End = DateRangePosition.Start\n  ) {\n    const isStart = picker === DateRangePosition.Start;\n    const placeholder = isStart ? this.placeholderStart : this.placeholderEnd;\n    const label = isStart ? this.labelStart : this.labelEnd;\n    const format = getDateTimeFormat(this._displayFormat);\n    const value = isStart ? this.value?.start : this.value?.end;\n    const hasClickHandler = !(this._isDropDown || this.readOnly);\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${this._isEditorReadOnly}\n        .value=${value ?? null}\n        .locale=${live(this.locale)}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${placeholder}\n        .min=${this._min}\n        .max=${this._max}\n        label=${label}\n        ?invalid=${live(this.invalid)}\n        @igcChange=${this._handleInputChange}\n        @igcInput=${this._handleInput}\n        @keydown=${this._handleEnterKeydown}\n        @click=${bindIf(hasClickHandler, this._handleInputClick)}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderEditorSlots(`-${picker}`)}\n      </igc-date-time-input>\n    `;\n  }\n\n  private _renderInputs(idStart: string, idEnd: string) {\n    return html`\n      <div part=\"inputs\">\n        ${this._renderInput(idStart, DateRangePosition.Start)}\n        <div part=\"separator\">\n          <slot name=\"separator\">\n            ${this.resourceStrings.date_range_picker_date_separator}\n          </slot>\n        </div>\n        ${this._renderInput(idEnd, DateRangePosition.End)}\n      </div>\n      ${this._renderPicker(idStart)} ${this._renderHelperText()}\n    `;\n  }\n\n  private _renderSingleInput(id: string) {\n    const format =\n      getDateTimeFormat(this.displayFormat) ?? this._localeDisplayFormat;\n    const hasClickHandler = !(this._isDropDown || this.readOnly);\n\n    return html`\n      <igc-date-range-input\n        id=${id}\n        .value=${live(this.value)}\n        .placeholder=${this.placeholder}\n        label=${this.label}\n        ?readonly=${this._isEditorReadOnly}\n        ?required=${this.required}\n        .outlined=${this.outlined}\n        ?invalid=${live(this.invalid)}\n        .disabled=${this.disabled}\n        .inputFormat=${live(this.inputFormat)}\n        .displayFormat=${live(format)}\n        .locale=${live(this.locale)}\n        .prompt=${this.prompt}\n        @igcInput=${this._handleDateRangeInput}\n        @igcChange=${this._handleDateRangeInputChange}\n        @keydown=${this._handleEnterKeydown}\n        @click=${bindIf(hasClickHandler, this._handleInputClick)}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderEditorSlots()}\n      </igc-date-range-input>\n      ${this._renderHelperText()} ${this._renderPicker(id)}\n    `;\n  }\n\n  protected override render(): TemplateResult {\n    const id = this.id || this._inputId;\n\n    return html`${cache(\n      !this.useTwoInputs\n        ? this._renderSingleInput(id)\n        : this._renderInputs(`${id}-start`, `${id}-end`)\n    )}`;\n  }\n\n  // #endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-range-picker': IgcDateRangePickerComponent;\n  }\n}\n"]}
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DateRangePickerResourceStringsEN,\n  type ICalendarResourceStrings,\n  type IDateRangePickerResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { convertToDateRange } from '#internals/date/converters.js';\nimport { CalendarDay, truncateTime } from '#internals/date/model.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 { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.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 { FormValueDateRangeTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { firstOf, isEmpty, lastOf } from '#internals/utils/arrays.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport { asNumber, clamp } from '#internals/utils/math.js';\nimport { createIdGenerator } from '#internals/utils/strings.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport type { CalendarSelection } from '../calendar/types.js';\nimport {\n  IgcDatePickerBaseComponent,\n  type IgcPickerBaseEventMap,\n  pickerDependencies,\n} from '../date-picker/date-picker.base.js';\nimport IgcDateTimeInputComponent from '../date-time-input/date-time-input.js';\nimport type { DateRangeValue } from '../types.js';\nimport IgcDateRangeInputComponent from './date-range-input.js';\nimport { DateRangePosition } from './date-range-mask-parser.js';\nimport { styles } from './date-range-picker.base.css.js';\nimport IgcPredefinedRangesAreaComponent from './predefined-ranges-area.js';\nimport { styles as shared } from './themes/shared/date-range-picker.common.css.js';\nimport { all } from './themes/themes.js';\nimport { dateRangeValidators, isCompleteDateRange } from './validators.js';\n\nexport type { DateRangeValue } from '../types.js';\n\n/* jsonAPIPlainObject */\n/** A predefined date range with label for {@link IgcDateRangePickerComponent.customRanges} */\nexport interface CustomDateRange {\n  label: string;\n  dateRange: DateRangeValue;\n}\n\n/** Either editor the picker renders the range in - the masked single one or a start/end pair. */\ntype PickerEditor = IgcDateRangeInputComponent | IgcDateTimeInputComponent;\n\nexport type IgcDateRangePickerComponentEventMap =\n  IgcPickerBaseEventMap<DateRangeValue>;\n\nexport type DateRangePickerResourceStringsType =\n  IDateRangePickerResourceStrings & ICalendarResourceStrings;\n\nconst nextId = createIdGenerator('date-range-picker');\nconst Slots = setSlots(\n  'prefix',\n  'prefix-start',\n  'prefix-end',\n  'suffix',\n  'suffix-start',\n  'suffix-end',\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  'clear-icon-start',\n  'clear-icon-end',\n  'calendar-icon',\n  'calendar-icon-start',\n  'calendar-icon-end',\n  'calendar-icon-open',\n  'calendar-icon-open-start',\n  'calendar-icon-open-end',\n  'actions',\n  'separator'\n);\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/**\n * The Date Range Picker includes a text input and a calendar pop-up, allowing users to easily select start and end dates.\n *\n * @element igc-date-range-picker\n *\n * @slot prefix - Renders content before the input (single input).\n * @slot prefix-start - Renders content before the start input (two inputs).\n * @slot prefix-end - Renders content before the end input (two inputs).\n * @slot suffix - Renders content after the input (single input).\n * @slot suffix-start - Renders content after the start input (single input).\n * @slot suffix-end - Renders content after the end input (single 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 clear-icon-start - Renders a clear icon template for the start input (two inputs).\n * @slot clear-icon-end - Renders a clear icon template for the end input (two inputs).\n * @slot calendar-icon - Renders the icon/content for the calendar picker.\n * @slot calendar-icon-start - Renders the icon/content for the calendar picker for the start input (two inputs).\n * @slot calendar-icon-end - Renders the icon/content for the calendar picker for the end input (two inputs).\n * @slot calendar-icon-open - Renders the icon/content for the picker in open state.\n * @slot calendar-icon-open-start - Renders the icon/content for the picker in open state for the start input (two inputs).\n * @slot calendar-icon-open-end - Renders the icon/content for the picker in open state for the end input (two inputs).\n * @slot actions - Renders content in the action part of the picker in open state.\n * @slot separator - Renders the separator element between the two inputs.\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 separator - The separator element between the two inputs.\n * @csspart ranges - The wrapper that renders the custom and predefined ranges.\n * @csspart label - The label wrapper that renders content above the target input.\n * @csspart calendar-icon - The calendar icon wrapper for closed state (single input).\n * @csspart calendar-icon-start - The calendar icon wrapper for closed state for the start input (two inputs).\n * @csspart calendar-icon-end - The calendar icon wrapper for closed state for the end input (two inputs).\n * @csspart calendar-icon-open - The calendar icon wrapper for opened state (single input).\n * @csspart calendar-icon-open-start - The calendar icon wrapper for opened state for the start input (two inputs).\n * @csspart calendar-icon-open-end - The calendar icon wrapper for opened state for the end input (two inputs).\n * @csspart clear-icon - The clear icon wrapper (single input).\n * @csspart clear-icon-start - The clear icon wrapper for the start input (two inputs).\n * @csspart clear-icon-end - The clear icon wrapper for the end input (two inputs).\n * @csspart actions - The wrapper for the custom actions area.\n * @csspart clear-icon - The clear icon wrapper.\n * @csspart input - The native input element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix 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, IgcChipComponent, IgcInputComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcDateRangePickerComponent extends EventEmitterMixin<\n  IgcDateRangePickerComponentEventMap,\n  AbstractConstructor<IgcDatePickerBaseComponent<DateRangeValue>>\n>(IgcDatePickerBaseComponent) {\n  public static readonly tagName = 'igc-date-range-picker';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcDateRangePickerComponent,\n      IgcDateRangeInputComponent,\n      IgcDateTimeInputComponent,\n      IgcPredefinedRangesAreaComponent,\n      ...pickerDependencies\n    );\n  }\n\n  // #region Internal state & properties\n\n  protected override get __validators() {\n    return dateRangeValidators;\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 IgcDateRangePickerResourceStrings is changed to IDateRangePickerResourceStrings\n   */\n  protected override readonly _i18nController = addI18nController<\n    IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DateRangePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-range-picker',\n  });\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: { start: null, end: null },\n    transformers: FormValueDateRangeTransformers,\n  });\n\n  protected override _visibleMonths = 2;\n\n  private _placeholder?: string;\n\n  /** The range reflected in the calendar, committed or still being typed. */\n  @state()\n  private _calendarRange: Date[] | null = null;\n\n  @queryAll(IgcDateTimeInputComponent.tagName)\n  private readonly _inputs!: NodeListOf<IgcDateTimeInputComponent>;\n\n  @query(IgcDateRangeInputComponent.tagName)\n  private readonly _input!: IgcDateRangeInputComponent;\n\n  /** The editors currently rendered by the picker. */\n  private get _editors(): PickerEditor[] {\n    return this.useTwoInputs ? Array.from(this._inputs) : [this._input];\n  }\n\n  /** The editor of single editor operations - the start one when the range is split. */\n  private get _startEditor(): PickerEditor {\n    return firstOf(this._editors);\n  }\n\n  private get _firstDefinedInRange(): Date | null {\n    return this.value?.start ?? this.value?.end ?? null;\n  }\n\n  // #endregion\n\n  // #region Base class hooks\n\n  protected override get _value(): DateRangeValue | null {\n    return this.value;\n  }\n\n  protected override set _value(value: DateRangeValue | null) {\n    this.value = value;\n  }\n\n  protected override get _hasValue(): boolean {\n    return this._firstDefinedInRange !== null;\n  }\n\n  protected override get _calendarSelection(): CalendarSelection {\n    return 'range';\n  }\n\n  protected override get _calendarValues(): Date[] | null {\n    return this._calendarRange;\n  }\n\n  protected override get _defaultActiveDate(): Date | null {\n    return this._firstDefinedInRange;\n  }\n\n  protected override get _selectDateLabel(): string | undefined {\n    return this.resourceStrings.calendar_select_date;\n  }\n\n  protected override get _defaultDisplayFormat(): string | undefined {\n    return this._inputFormat ?? this._i18nController.localeDisplayFormat;\n  }\n\n  protected override get _defaultInputFormat(): string | undefined {\n    return this._i18nController.localeInputFormat;\n  }\n\n  protected override get _projectionTarget() {\n    // The host's associated labels are projected only onto the start input.\n    return this._input ?? this._inputs?.[0] ?? null;\n  }\n\n  protected override _focusInput(): void {\n    this._startEditor.focus();\n  }\n\n  protected override _focusAndSelectInput(): void {\n    this.useTwoInputs ? this._inputs[0].select() : this._input.focus();\n  }\n\n  protected override _canCloseOnSelect(): boolean {\n    return this._calendar.values.length > 1;\n  }\n\n  protected override _handleDismiss(): void {\n    if (!this._isDropDown) {\n      this._revertValue();\n    }\n  }\n\n  protected override _syncCalendarOnToggle(): void {\n    this._setCalendarActiveDateAndViewIndex();\n  }\n\n  protected override _clearEditors(): void {\n    for (const editor of this._editors) {\n      editor?.clear();\n    }\n  }\n\n  protected override _onDialogClosing(): void {\n    this._emitChangeIfDirty();\n  }\n\n  /** In dialog mode the range is committed by the actions of the dialog instead. */\n  protected override _commitsCalendarSelection(): boolean {\n    return this._isDropDown;\n  }\n\n  protected override _valueFromCalendarSelection(\n    dates: Date[]\n  ): DateRangeValue {\n    // A range cleared in the calendar comes through as no dates at all\n    return isEmpty(dates)\n      ? { start: null, end: null }\n      : { start: firstOf(dates), end: lastOf(dates) };\n  }\n\n  // #endregion\n\n  // #region General properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false, true) */\n  /**\n   * The value of the picker\n   * @attr\n   */\n  @property({ converter: convertToDateRange })\n  public set value(value: DateRangeValue | string | null | undefined) {\n    this._formValue.setValueAndFormState(convertToDateRange(value));\n    this._setCalendarRangeValues();\n  }\n\n  public get value(): DateRangeValue | null {\n    return this._formValue.value;\n  }\n\n  /**\n   * The number of months displayed in the calendar.\n   * @attr visible-months\n   * @default 2\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public override set visibleMonths(value: number) {\n    this._visibleMonths = clamp(asNumber(value, 2), 1, 2);\n  }\n\n  public override get visibleMonths(): number {\n    return this._visibleMonths;\n  }\n\n  /**\n   * Renders chips with custom ranges based on the elements of the array.\n   */\n  @property({ attribute: false })\n  public customRanges: CustomDateRange[] = [];\n\n  /**\n   * Use two inputs to display the date range values. Makes the input editable in dropdown mode.\n   * @attr use-two-inputs\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'use-two-inputs' })\n  public useTwoInputs = false;\n\n  /**\n   * Whether the control will show chips with predefined ranges.\n   * @attr\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'use-predefined-ranges',\n  })\n  public usePredefinedRanges = false;\n\n  /** The resource strings of the date range picker. */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value:\n      | IgcDateRangePickerResourceStrings\n      | DateRangePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcDateRangePickerResourceStrings &\n    DateRangePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  // #endregion\n\n  // #region Input-related properties\n\n  /**\n   * The label of the start input.\n   * @attr label-start\n   */\n  @property({ attribute: 'label-start' })\n  public labelStart = '';\n\n  /**\n   * The label of the end input.\n   * @attr label-end\n   */\n  @property({ attribute: 'label-end' })\n  public labelEnd = '';\n\n  /**\n   * The placeholder text of the control (single input).\n   * @attr\n   */\n  @property()\n  public set placeholder(value: string) {\n    this._placeholder = value;\n  }\n\n  public get placeholder(): string {\n    const rangePlaceholder = `${this.inputFormat} - ${this.inputFormat}`;\n    return this._placeholder ?? rangePlaceholder;\n  }\n\n  /**\n   * The placeholder text of the start input.\n   * @attr placeholder-start\n   */\n  @property({ attribute: 'placeholder-start' })\n  public placeholderStart = '';\n\n  /**\n   * The placeholder text of the end input.\n   * @attr placeholder-end\n   */\n  @property({ attribute: 'placeholder-end' })\n  public placeholderEnd = '';\n\n  // #endregion\n\n  // #region Life-cycle hooks\n\n  constructor() {\n    super();\n\n    // The base class projector covers the start editor. In two-input mode the\n    // end editor needs the picker popup semantics as well, labels excluded.\n    addAriaProjector(this, {\n      target: () => this._inputs[1] ?? null,\n      state: () => ({ hasPopup: 'dialog' }),\n    });\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n\n    if (changedProperties.has('mode') && !this._isDropDown) {\n      this.keepOpenOnSelect = true;\n    }\n\n    // The editors are swapped by the render below, so both the range and the\n    // delegated validity are re-applied once the new ones are in place.\n    if (changedProperties.has('useTwoInputs')) {\n      this._syncEditors();\n    } else if (changedProperties.has('mode')) {\n      this._syncCalendarRange();\n    }\n  }\n\n  protected override firstUpdated() {\n    this._delegateInputsValidity();\n  }\n\n  protected override formResetCallback() {\n    super.formResetCallback();\n    this._setCalendarRangeValues();\n  }\n\n  // #endregion\n\n  // #region Public API methods\n\n  /* blazorSuppress */\n  /** @internal */\n  public hasDateParts(): boolean {\n    return this._startEditor.hasDateParts();\n  }\n\n  /* blazorSuppress */\n  /** @internal */\n  public hasTimeParts(): boolean {\n    return this._startEditor.hasTimeParts();\n  }\n\n  /** Selects a date range value in the picker */\n  public select(value: DateRangeValue | null): void {\n    this._select(value);\n  }\n\n  // #endregion\n\n  // #region Event handlers\n\n  protected _dialogCancel() {\n    this._revertValue();\n    this._hide(true);\n  }\n\n  protected _dialogDone() {\n    this._emitChangeIfDirty();\n    this._hide(true);\n  }\n\n  protected _handleInput(event: CustomEvent<string>) {\n    event.stopPropagation();\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    const input = event.target as IgcDateTimeInputComponent;\n    const newValue = truncateTime(input._uncommittedValue);\n    const range = this._getUpdatedDateRange(input, newValue);\n\n    this._setCalendarRangeValues(range);\n    this._setCalendarActiveDate(newValue, range.start, range.end);\n\n    this.emitEvent('igcInput', { detail: range });\n  }\n\n  protected _handleInputChange(event: CustomEvent<Date | null>) {\n    event.stopPropagation();\n\n    const input = event.target as IgcDateTimeInputComponent;\n    const newValue = truncateTime(input.value);\n\n    this._commitRange(this._getUpdatedDateRange(input, newValue));\n  }\n\n  protected async _handleDateRangeInput(event: CustomEvent<string>) {\n    event.stopPropagation();\n    if (this.nonEditable) {\n      event.preventDefault();\n      return;\n    }\n\n    const input = event.target as IgcDateRangeInputComponent;\n    const draft = input._uncommittedValue;\n\n    this._setCalendarRangeValues(draft);\n    this._calendar.activeDate = draft?.start;\n\n    this.emitEvent('igcInput', { detail: draft });\n  }\n\n  protected _handleDateRangeInputChange(\n    event: CustomEvent<DateRangeValue | null>\n  ) {\n    event.stopPropagation();\n\n    this._commitRange((event.target as IgcDateRangeInputComponent).value);\n  }\n\n  // #endregion\n\n  // #region Private methods\n\n  private async _syncCalendarRange(): Promise<void> {\n    await this._calendar?.updateComplete;\n    this._setCalendarRangeValues();\n  }\n\n  private async _syncEditors(): Promise<void> {\n    await this._syncCalendarRange();\n    this._delegateInputsValidity();\n  }\n\n  protected _revertValue() {\n    this.value = this._oldValue;\n  }\n\n  /**\n   * Points the calendar at the current range, if any, and back to its first rendered\n   * month.\n   */\n  private _setCalendarActiveDateAndViewIndex() {\n    const activeDaysViewIndex = '_activeDaysViewIndex';\n\n    this._setCalendarActiveDate(this._firstDefinedInRange);\n    this._calendar[activeDaysViewIndex] = 0;\n  }\n\n  /**\n   * Composes the range from what the two editors currently hold.\n   *\n   * The sibling input is read through its draft rather than through the committed\n   * `value`, since an edit in progress there has not reached the picker yet.\n   */\n  private _getUpdatedDateRange(\n    input: IgcDateTimeInputComponent,\n    newValue: Date | null\n  ): DateRangeValue {\n    const [startInput, endInput] = this._inputs;\n\n    return input === startInput\n      ? { start: newValue, end: endInput?._uncommittedValue ?? null }\n      : { start: startInput?._uncommittedValue ?? null, end: newValue };\n  }\n\n  /**\n   * Delegates the validity methods of the editors to the range validation of the picker.\n   * The pristine check keeps a form reset, which assigns to the editors, from validating.\n   */\n  private _delegateInputsValidity() {\n    for (const input of this._editors) {\n      input.checkValidity = () =>\n        !this._pristine ? this.checkValidity() : true;\n      input.reportValidity = () =>\n        !this._pristine ? this.reportValidity() : true;\n    }\n  }\n\n  /**\n   * Reflects a range in the calendar. Defaults to the committed value, but the input\n   * handlers pass the uncommitted draft so that the calendar keeps following along\n   * while the user types.\n   */\n  private _setCalendarRangeValues(range: DateRangeValue | null = this.value) {\n    if (isCompleteDateRange(range)) {\n      this._calendarRange =\n        CalendarDay.compare(range.start, range.end) === 0\n          ? [range.start]\n          : [range.start, range.end];\n\n      this._setCalendarActiveDate(range.start);\n      return;\n    }\n\n    const first = range?.start ?? range?.end ?? null;\n    this._calendarRange = first ? [first] : null;\n  }\n\n  /**\n   * Commits a range entered through an editor, normalizing a reversed one, and notifies.\n   * Assigning the value reflects the range in the calendar on its own.\n   */\n  private _commitRange(range: DateRangeValue | null): void {\n    const { start, end } = (range && this._swapDates(range)) ?? {\n      start: null,\n      end: null,\n    };\n\n    this.value = { start, end };\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  private _swapDates(range: DateRangeValue): DateRangeValue {\n    return isCompleteDateRange(range) &&\n      CalendarDay.compare(range.start, range.end) >= 1\n      ? { start: range.end, end: range.start }\n      : range;\n  }\n\n  private _select(value: DateRangeValue | null, emitEvent = false) {\n    this.value = value;\n    this._setCalendarActiveDate(this._firstDefinedInRange);\n\n    if (emitEvent) {\n      this.emitEvent('igcChange', { detail: this.value });\n      this._oldValue = this.value;\n      this._hide(true);\n    }\n  }\n\n  // #endregion\n\n  // #region Rendering\n\n  /**\n   * Custom actions stay in the body of the dialog, so that they do not collide\n   * with the cancel/done buttons rendered in its footer.\n   */\n  protected override _renderActions() {\n    const hasActions = this._slots.hasAssignedElements('actions');\n    const slot = this._isDropDown || hasActions ? undefined : 'footer';\n\n    return html`\n      <div part=\"actions\" ?hidden=${!hasActions} slot=${ifDefined(slot)}>\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n  }\n\n  protected _renderPredefinedRanges() {\n    const hasRanges = this.usePredefinedRanges || !isEmpty(this.customRanges);\n\n    return hasRanges\n      ? html`\n          <igc-predefined-ranges-area\n            .usePredefinedRanges=${this.usePredefinedRanges}\n            .customRanges=${this.customRanges}\n            .resourceStrings=${this.resourceStrings}\n            @igcRangeSelect=${({ detail }: CustomEvent<DateRangeValue>) =>\n              this._select(detail, this._isDropDown)}\n          >\n          </igc-predefined-ranges-area>\n        `\n      : nothing;\n  }\n\n  protected override _renderPickerContent(id: string) {\n    return this._isDropDown\n      ? html`${this._renderCalendar(id)} ${this._renderPredefinedRanges()}\n        ${this._renderActions()}`\n      : html`${this._renderCalendar(id)} ${this._renderActions()}\n        ${this._renderPredefinedRanges()}`;\n  }\n\n  protected override _renderDialogFooter() {\n    const isIndigo = this._themes.theme === 'indigo';\n\n    return html`\n      <igc-button\n        slot=\"footer\"\n        @click=${this._dialogCancel}\n        variant=${isIndigo ? 'outlined' : 'flat'}\n        >${this.resourceStrings.date_range_picker_cancel_button}</igc-button\n      >\n      <igc-button\n        slot=\"footer\"\n        @click=${this._dialogDone}\n        variant=${isIndigo ? 'contained' : 'flat'}\n        >${this.resourceStrings.date_range_picker_done_button}</igc-button\n      >\n    `;\n  }\n\n  protected _renderInput(\n    id: string,\n    picker:\n      | DateRangePosition.Start\n      | DateRangePosition.End = DateRangePosition.Start\n  ) {\n    const isStart = picker === DateRangePosition.Start;\n    const placeholder = isStart ? this.placeholderStart : this.placeholderEnd;\n    const label = isStart ? this.labelStart : this.labelEnd;\n    const format = getDateTimeFormat(this._displayFormat);\n    const value = isStart ? this.value?.start : this.value?.end;\n    const hasClickHandler = !(this._isDropDown || this.readOnly);\n\n    return html`\n      <igc-date-time-input\n        id=${id}\n        input-format=${ifDefined(this._inputFormat)}\n        display-format=${ifDefined(format)}\n        ?disabled=${this.disabled}\n        ?readonly=${this._isEditorReadOnly}\n        .value=${value ?? null}\n        .locale=${live(this.locale)}\n        .prompt=${this.prompt}\n        .outlined=${this.outlined}\n        .placeholder=${placeholder}\n        .min=${this._min}\n        .max=${this._max}\n        label=${label}\n        ?invalid=${live(this.invalid)}\n        @igcChange=${this._handleInputChange}\n        @igcInput=${this._handleInput}\n        @keydown=${this._handleEnterKeydown}\n        @click=${bindIf(hasClickHandler, this._handleInputClick)}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderEditorSlots(`-${picker}`)}\n      </igc-date-time-input>\n    `;\n  }\n\n  private _renderInputs(idStart: string, idEnd: string) {\n    return html`\n      <div part=\"inputs\">\n        ${this._renderInput(idStart, DateRangePosition.Start)}\n        <div part=\"separator\">\n          <slot name=\"separator\">\n            ${this.resourceStrings.date_range_picker_date_separator}\n          </slot>\n        </div>\n        ${this._renderInput(idEnd, DateRangePosition.End)}\n      </div>\n      ${this._renderPicker(idStart)} ${this._renderValidationContainer()}\n    `;\n  }\n\n  private _renderSingleInput(id: string) {\n    const format =\n      getDateTimeFormat(this.displayFormat) ??\n      this._i18nController.localeDisplayFormat;\n    const hasClickHandler = !(this._isDropDown || this.readOnly);\n\n    return html`\n      <igc-date-range-input\n        id=${id}\n        .value=${live(this.value)}\n        .placeholder=${this.placeholder}\n        label=${this.label}\n        ?readonly=${this._isEditorReadOnly}\n        ?required=${this.required}\n        .outlined=${this.outlined}\n        ?invalid=${live(this.invalid)}\n        .disabled=${this.disabled}\n        .inputFormat=${live(this.inputFormat)}\n        .displayFormat=${live(format)}\n        .locale=${live(this.locale)}\n        .prompt=${this.prompt}\n        @igcInput=${this._handleDateRangeInput}\n        @igcChange=${this._handleDateRangeInputChange}\n        @keydown=${this._handleEnterKeydown}\n        @click=${bindIf(hasClickHandler, this._handleInputClick)}\n        exportparts=\"input, label, prefix, suffix\"\n      >\n        ${this._renderEditorSlots()}\n      </igc-date-range-input>\n      ${this._renderValidationContainer()} ${this._renderPicker(id)}\n    `;\n  }\n\n  protected override render(): TemplateResult {\n    const id = this.id || this._inputId;\n\n    return html`${cache(\n      !this.useTwoInputs\n        ? this._renderSingleInput(id)\n        : this._renderInputs(`${id}-start`, `${id}-end`)\n    )}`;\n  }\n\n  // #endregion\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-range-picker': IgcDateRangePickerComponent;\n  }\n}\n"]}

package/components/date-range-picker/predefined-ranges-area.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 import type { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.resources.js';
 import type { CustomDateRange, DateRangePickerResourceStringsType } from './date-range-picker.js';
 /**
@@ -27,7 +27,7 @@ export default class IgcPredefinedRangesAreaComponent extends LitElement {
     set resourceStrings(value: IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType);
     get resourceStrings(): IgcDateRangePickerResourceStrings & DateRangePickerResourceStringsType;
     constructor();
-    protected _updatePredefinedRanges(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     private _handleRangeSelect;
     protected _renderDateRanges(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
     protected render(): import("lit-html").TemplateResult<1>;

package/components/date-range-picker/predefined-ranges-area.js

@@ -8,7 +8,6 @@ import { CalendarResourceStringsEN, DateRangePickerResourceStringsEN, } from 'ig
 import { html, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { CalendarDay } from '#internals/date/model.js';
-import { watch } from '#internals/decorators/watch.js';
 import { registerComponent } from '#internals/definitions/register.js';
 import { addI18nController } from '#internals/i18n/i18n-controller.js';
 import { addThemingController } from '#theming/theming-controller.js';
@@ -39,8 +38,10 @@ export default class IgcPredefinedRangesAreaComponent extends LitElement {
         this.customRanges = [];
         addThemingController(this, all);
     }
-    _updatePredefinedRanges() {
-        this._predefinedRanges = getPredefinedRanges(this.resourceStrings);
+    willUpdate(changedProperties) {
+        if (changedProperties.has('resourceStrings')) {
+            this._predefinedRanges = getPredefinedRanges(this.resourceStrings);
+        }
     }
     _handleRangeSelect(range) {
         this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));
@@ -77,9 +78,6 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], IgcPredefinedRangesAreaComponent.prototype, "resourceStrings", null);
-__decorate([
-    watch('resourceStrings')
-], IgcPredefinedRangesAreaComponent.prototype, "_updatePredefinedRanges", null);
 function getPredefinedRanges(resourceStrings) {
     const today = CalendarDay.today;
     const ranges = [

package/components/date-range-picker/predefined-ranges-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"predefined-ranges-area.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/predefined-ranges-area.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,yBAAyB,EACzB,gCAAgC,GACjC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAM/C,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AAUxF,MAAM,CAAC,OAAO,OAAO,gCAAiC,SAAQ,UAAU;aAC/C,YAAO,GAAG,4BAA4B,AAA/B,CAAgC;aACvC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAc1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,gCAAgC,EAAE,gBAAgB,CAAC,CAAC;IACxE,CAAC;IAwBD,IAAW,eAAe,CACxB,KAEsC;QAEtC,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/C,CAAC;IAED,IAAW,eAAe;QAExB,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;IAC9C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QApDO,oBAAe,GAAG,iBAAiB,CAElD,IAAI,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,MAAM,CACtB,EAAE,EACF,gCAAgC,EAChC,yBAAyB,CAC1B;YACD,eAAe,EAAE,mBAAmB;SACrC,CAAC,CAAC;QAQK,sBAAiB,GAAsB,EAAE,CAAC;QAW3C,wBAAmB,GAAG,KAAK,CAAC;QAM5B,iBAAY,GAAsB,EAAE,CAAC;QAmB1C,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAGS,uBAAuB;QAC/B,IAAI,CAAC,iBAAiB,GAAG,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACrE,CAAC;IAEO,kBAAkB,CAAC,KAAqB;QAC9C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC;IAES,CAAC,iBAAiB;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB;YACrC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YACnD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAEtB,KAAK,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,MAAM,EAAE,CAAC;YAC1C,MAAM,IAAI,CAAA;2BACW,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC;YACvD,KAAK;;OAEV,CAAC;QACJ,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,sBAAsB,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC;IACpE,CAAC;;AAhEO;IADP,KAAK,EAAE;2EAC0C;AAW3C;IALN,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,uBAAuB;KACnC,CAAC;6EACiC;AAM5B;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;sEACa;AAI5C;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uEAO9B;AAaS;IADT,KAAK,CAAC,iBAAiB,CAAC;+EAGxB;AAqCH,SAAS,mBAAmB,CAC1B,eAAmD;IAEnD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEhC,MAAM,MAAM,GAIN;QACJ;YACE,GAAG,EAAE,WAAW;YAChB,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;gBAClC,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;QACD;YACE,GAAG,EAAE,cAAc;YACnB,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBACpC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;aAClE,CAAC;SACH;QACD;YACE,GAAG,EAAE,YAAY;YACjB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBACnC,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;QACD;YACE,GAAG,EAAE,YAAY;YACjB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBAChE,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;KACF,CAAC;IAEF,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,WAAW,CAAE;QAC1C,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE;KAChC,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DateRangePickerResourceStringsEN,\n} from 'igniteui-i18n-core';\nimport { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { CalendarDay } from '#internals/date/model.js';\nimport { watch } from '#internals/decorators/watch.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.resources.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcChipComponent from '../chip/chip.js';\nimport type {\n  CustomDateRange,\n  DateRangePickerResourceStringsType,\n  DateRangeValue,\n} from './date-range-picker.js';\nimport { styles } from './predefined-ranges-area.base.css.js';\nimport { all } from './themes/ranges-themes.js';\nimport { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';\n\n/* blazorSuppress */\n/**\n * The predefined ranges area component is used within the date range picker and it\n * displays a set of chips with predefined date ranges. The component allows users to quickly select\n * a predefined date range value. Users can also provide custom ranges to be displayed as chips.\n *\n * @element igc-predefined-ranges-area\n */\nexport default class IgcPredefinedRangesAreaComponent extends LitElement {\n  public static readonly tagName = 'igc-predefined-ranges-area';\n  public static override styles = [styles, shared];\n\n  private readonly _i18nController = addI18nController<\n    IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DateRangePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-range-picker',\n  });\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcPredefinedRangesAreaComponent, IgcChipComponent);\n  }\n\n  @state()\n  private _predefinedRanges: CustomDateRange[] = [];\n\n  /**\n   * Whether the control will show chips with predefined ranges.\n   * @attr use-predefined-ranges\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'use-predefined-ranges',\n  })\n  public usePredefinedRanges = false;\n\n  /**\n   * Renders chips with custom ranges based on the elements of the array.\n   */\n  @property({ attribute: false })\n  public customRanges: CustomDateRange[] = [];\n\n  /** The resource strings of the date range area component. */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value:\n      | IgcDateRangePickerResourceStrings\n      | DateRangePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcDateRangePickerResourceStrings &\n    DateRangePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  @watch('resourceStrings')\n  protected _updatePredefinedRanges(): void {\n    this._predefinedRanges = getPredefinedRanges(this.resourceStrings);\n  }\n\n  private _handleRangeSelect(range: DateRangeValue): void {\n    this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));\n  }\n\n  protected *_renderDateRanges() {\n    const ranges = this.usePredefinedRanges\n      ? [...this._predefinedRanges, ...this.customRanges]\n      : this.customRanges;\n\n    for (const { label, dateRange } of ranges) {\n      yield html`\n        <igc-chip @click=${() => this._handleRangeSelect(dateRange)}>\n          ${label}\n        </igc-chip>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`<div part=\"ranges\">${this._renderDateRanges()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;\n  }\n}\n\ntype PredefinedRangeKey =\n  | 'last7Days'\n  | 'currentMonth'\n  | 'last30Days'\n  | 'yearToDate';\n\nfunction getPredefinedRanges(\n  resourceStrings: DateRangePickerResourceStringsType\n): CustomDateRange[] {\n  const today = CalendarDay.today;\n\n  const ranges: {\n    key: PredefinedRangeKey;\n    resourceKey: keyof DateRangePickerResourceStringsType;\n    getDateRange: () => { start: Date; end: Date };\n  }[] = [\n    {\n      key: 'last7Days',\n      resourceKey: 'date_range_picker_last7Days',\n      getDateRange: () => ({\n        start: today.add('day', -7).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'currentMonth',\n      resourceKey: 'date_range_picker_currentMonth',\n      getDateRange: () => ({\n        start: today.set({ date: 1 }).native,\n        end: today.set({ date: 1 }).add('month', 1).add('day', -1).native,\n      }),\n    },\n    {\n      key: 'last30Days',\n      resourceKey: 'date_range_picker_last30Days',\n      getDateRange: () => ({\n        start: today.add('day', -29).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'yearToDate',\n      resourceKey: 'date_range_picker_yearToDate',\n      getDateRange: () => ({\n        start: today.set({ year: today.year, month: 0, date: 1 }).native,\n        end: today.native,\n      }),\n    },\n  ];\n\n  return ranges.map((range) => ({\n    label: resourceStrings[range.resourceKey]!,\n    dateRange: range.getDateRange(),\n  }));\n}\n"]}
+{"version":3,"file":"predefined-ranges-area.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/predefined-ranges-area.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,yBAAyB,EACzB,gCAAgC,GACjC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAM/C,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AAUxF,MAAM,CAAC,OAAO,OAAO,gCAAiC,SAAQ,UAAU;aAC/C,YAAO,GAAG,4BAA4B,AAA/B,CAAgC;aACvC,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;IAc1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,gCAAgC,EAAE,gBAAgB,CAAC,CAAC;IACxE,CAAC;IAwBD,IAAW,eAAe,CACxB,KAEsC;QAEtC,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/C,CAAC;IAED,IAAW,eAAe;QAExB,OAAO,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;IAC9C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QApDO,oBAAe,GAAG,iBAAiB,CAElD,IAAI,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,MAAM,CACtB,EAAE,EACF,gCAAgC,EAChC,yBAAyB,CAC1B;YACD,eAAe,EAAE,mBAAmB;SACrC,CAAC,CAAC;QAQK,sBAAiB,GAAsB,EAAE,CAAC;QAW3C,wBAAmB,GAAG,KAAK,CAAC;QAM5B,iBAAY,GAAsB,EAAE,CAAC;QAmB1C,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC7C,IAAI,CAAC,iBAAiB,GAAG,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACrE,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,KAAqB;QAC9C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC;IAES,CAAC,iBAAiB;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB;YACrC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;YACnD,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAEtB,KAAK,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,MAAM,EAAE,CAAC;YAC1C,MAAM,IAAI,CAAA;2BACW,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC;YACvD,KAAK;;OAEV,CAAC;QACJ,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,sBAAsB,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC;IACpE,CAAC;;AAjEO;IADP,KAAK,EAAE;2EAC0C;AAW3C;IALN,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,uBAAuB;KACnC,CAAC;6EACiC;AAM5B;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;sEACa;AAI5C;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uEAO9B;AAqDH,SAAS,mBAAmB,CAC1B,eAAmD;IAEnD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEhC,MAAM,MAAM,GAIN;QACJ;YACE,GAAG,EAAE,WAAW;YAChB,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;gBAClC,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;QACD;YACE,GAAG,EAAE,cAAc;YACnB,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBACpC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM;aAClE,CAAC;SACH;QACD;YACE,GAAG,EAAE,YAAY;YACjB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBACnC,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;QACD;YACE,GAAG,EAAE,YAAY;YACjB,WAAW,EAAE,8BAA8B;YAC3C,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM;gBAChE,GAAG,EAAE,KAAK,CAAC,MAAM;aAClB,CAAC;SACH;KACF,CAAC;IAEF,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,WAAW,CAAE;QAC1C,SAAS,EAAE,KAAK,CAAC,YAAY,EAAE;KAChC,CAAC,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {\n  CalendarResourceStringsEN,\n  DateRangePickerResourceStringsEN,\n} from 'igniteui-i18n-core';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { CalendarDay } from '#internals/date/model.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { IgcDateRangePickerResourceStrings } from '#internals/i18n/EN/date-range-picker.resources.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcChipComponent from '../chip/chip.js';\nimport type {\n  CustomDateRange,\n  DateRangePickerResourceStringsType,\n  DateRangeValue,\n} from './date-range-picker.js';\nimport { styles } from './predefined-ranges-area.base.css.js';\nimport { all } from './themes/ranges-themes.js';\nimport { styles as shared } from './themes/shared/predefined-ranges-area.common.css.js';\n\n/* blazorSuppress */\n/**\n * The predefined ranges area component is used within the date range picker and it\n * displays a set of chips with predefined date ranges. The component allows users to quickly select\n * a predefined date range value. Users can also provide custom ranges to be displayed as chips.\n *\n * @element igc-predefined-ranges-area\n */\nexport default class IgcPredefinedRangesAreaComponent extends LitElement {\n  public static readonly tagName = 'igc-predefined-ranges-area';\n  public static override styles = [styles, shared];\n\n  private readonly _i18nController = addI18nController<\n    IgcDateRangePickerResourceStrings | DateRangePickerResourceStringsType\n  >(this, {\n    defaultEN: Object.assign(\n      {},\n      DateRangePickerResourceStringsEN,\n      CalendarResourceStringsEN\n    ),\n    resourceMapName: 'date-range-picker',\n  });\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcPredefinedRangesAreaComponent, IgcChipComponent);\n  }\n\n  @state()\n  private _predefinedRanges: CustomDateRange[] = [];\n\n  /**\n   * Whether the control will show chips with predefined ranges.\n   * @attr use-predefined-ranges\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'use-predefined-ranges',\n  })\n  public usePredefinedRanges = false;\n\n  /**\n   * Renders chips with custom ranges based on the elements of the array.\n   */\n  @property({ attribute: false })\n  public customRanges: CustomDateRange[] = [];\n\n  /** The resource strings of the date range area component. */\n  @property({ attribute: false })\n  public set resourceStrings(\n    value:\n      | IgcDateRangePickerResourceStrings\n      | DateRangePickerResourceStringsType\n  ) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IgcDateRangePickerResourceStrings &\n    DateRangePickerResourceStringsType {\n    return this._i18nController.resourceStrings;\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('resourceStrings')) {\n      this._predefinedRanges = getPredefinedRanges(this.resourceStrings);\n    }\n  }\n\n  private _handleRangeSelect(range: DateRangeValue): void {\n    this.dispatchEvent(new CustomEvent('igcRangeSelect', { detail: range }));\n  }\n\n  protected *_renderDateRanges() {\n    const ranges = this.usePredefinedRanges\n      ? [...this._predefinedRanges, ...this.customRanges]\n      : this.customRanges;\n\n    for (const { label, dateRange } of ranges) {\n      yield html`\n        <igc-chip @click=${() => this._handleRangeSelect(dateRange)}>\n          ${label}\n        </igc-chip>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`<div part=\"ranges\">${this._renderDateRanges()}</div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;\n  }\n}\n\ntype PredefinedRangeKey =\n  | 'last7Days'\n  | 'currentMonth'\n  | 'last30Days'\n  | 'yearToDate';\n\nfunction getPredefinedRanges(\n  resourceStrings: DateRangePickerResourceStringsType\n): CustomDateRange[] {\n  const today = CalendarDay.today;\n\n  const ranges: {\n    key: PredefinedRangeKey;\n    resourceKey: keyof DateRangePickerResourceStringsType;\n    getDateRange: () => { start: Date; end: Date };\n  }[] = [\n    {\n      key: 'last7Days',\n      resourceKey: 'date_range_picker_last7Days',\n      getDateRange: () => ({\n        start: today.add('day', -7).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'currentMonth',\n      resourceKey: 'date_range_picker_currentMonth',\n      getDateRange: () => ({\n        start: today.set({ date: 1 }).native,\n        end: today.set({ date: 1 }).add('month', 1).add('day', -1).native,\n      }),\n    },\n    {\n      key: 'last30Days',\n      resourceKey: 'date_range_picker_last30Days',\n      getDateRange: () => ({\n        start: today.add('day', -29).native,\n        end: today.native,\n      }),\n    },\n    {\n      key: 'yearToDate',\n      resourceKey: 'date_range_picker_yearToDate',\n      getDateRange: () => ({\n        start: today.set({ year: today.year, month: 0, date: 1 }).native,\n        end: today.native,\n      }),\n    },\n  ];\n\n  return ranges.map((range) => ({\n    label: resourceStrings[range.resourceKey]!,\n    dateRange: range.getDateRange(),\n  }));\n}\n"]}

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

@@ -1,4 +1,4 @@
-import type { Validator } from '#internals/validators.js';
+import { type Validator } from '#internals/validators.js';
 import type { DateRangeValue } from '../types.js';
 import type IgcDateRangePickerComponent from './date-range-picker.js';
 export declare const minDateRangeValidator: Validator<IgcDateRangePickerComponent>;

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

@@ -1,27 +1,14 @@
 import { ValidationResourceStringsEN } from 'igniteui-i18n-core';
-import { isDateExceedingMax, isDateLessThanMin, } from '#internals/date/compare.js';
 import { calendarRange } from '#internals/date/model.js';
 import { isEmpty } from '#internals/utils/arrays.js';
 import { formatString } from '#internals/utils/strings.js';
+import { createMaxDateTimeValidator, createMinDateTimeValidator, } from '#internals/validators.js';
 import { isDateInRanges } from '../calendar/helpers.js';
-function isRangeWithinBounds(host, predicate) {
-    const { start, end } = host.value ?? {};
-    return !((start && !predicate(start)) || (end && !predicate(end)));
+function rangeEnds({ value }) {
+    return [value?.start, value?.end];
 }
-export const minDateRangeValidator = {
-    key: 'rangeUnderflow',
-    message: (host) => formatString(ValidationResourceStringsEN.min_validation_error, host.min),
-    isValid: (host) => host.min
-        ? isRangeWithinBounds(host, (date) => !isDateLessThanMin(date, host.min, host.hasTimeParts(), host.hasDateParts()))
-        : true,
-};
-export const maxDateRangeValidator = {
-    key: 'rangeOverflow',
-    message: (host) => formatString(ValidationResourceStringsEN.max_validation_error, host.max),
-    isValid: (host) => host.max
-        ? isRangeWithinBounds(host, (date) => !isDateExceedingMax(date, host.max, host.hasTimeParts(), host.hasDateParts()))
-        : true,
-};
+export const minDateRangeValidator = createMinDateTimeValidator(rangeEnds);
+export const maxDateRangeValidator = createMaxDateTimeValidator(rangeEnds);
 export const requiredDateRangeValidator = {
     key: 'valueMissing',
     message: ValidationResourceStringsEN.required_validation_error,

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

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"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","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport {\n  isDateExceedingMax,\n  isDateLessThanMin,\n} from '#internals/date/compare.js';\nimport { calendarRange } from '#internals/date/model.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { formatString } from '#internals/utils/strings.js';\nimport type { Validator } from '#internals/validators.js';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport type { DateRangeValue } from '../types.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\n\n/** Whether both ends of the current range pass `predicate`. */\nfunction isRangeWithinBounds(\n  host: IgcDateRangePickerComponent,\n  predicate: (date: Date) => boolean\n): boolean {\n  const { start, end } = host.value ?? {};\n  return !((start && !predicate(start)) || (end && !predicate(end)));\n}\n\nexport const minDateRangeValidator: Validator<IgcDateRangePickerComponent> = {\n  key: 'rangeUnderflow',\n  message: (host) =>\n    formatString(ValidationResourceStringsEN.min_validation_error!, host.min),\n  isValid: (host) =>\n    host.min\n      ? isRangeWithinBounds(\n          host,\n          (date) =>\n            !isDateLessThanMin(\n              date,\n              host.min!,\n              host.hasTimeParts(),\n              host.hasDateParts()\n            )\n        )\n      : true,\n};\n\nexport const maxDateRangeValidator: Validator<IgcDateRangePickerComponent> = {\n  key: 'rangeOverflow',\n  message: (host) =>\n    formatString(ValidationResourceStringsEN.max_validation_error!, host.max),\n  isValid: (host) =>\n    host.max\n      ? isRangeWithinBounds(\n          host,\n          (date) =>\n            !isDateExceedingMax(\n              date,\n              host.max!,\n              host.hasTimeParts(),\n              host.hasDateParts()\n            )\n        )\n      : true,\n};\n\nexport const requiredDateRangeValidator: Validator<IgcDateRangePickerComponent> =\n  {\n    key: 'valueMissing',\n    message: ValidationResourceStringsEN.required_validation_error!,\n    isValid: (host) => {\n      return host.required ? isCompleteDateRange(host.value) : true;\n    },\n  };\n\nexport const badInputDateRangeValidator: Validator<IgcDateRangePickerComponent> =\n  {\n    key: 'badInput',\n    message: (host) =>\n      formatString(\n        ValidationResourceStringsEN.disabled_date_validation_error!,\n        host.value\n      ),\n    isValid: (host) => {\n      const { value, disabledDates } = host;\n\n      if (\n        !isCompleteDateRange(value) ||\n        !disabledDates ||\n        isEmpty(disabledDates)\n      ) {\n        return true;\n      }\n\n      return Array.from(\n        calendarRange({ start: value.start, end: value.end, inclusive: true })\n      ).every((date) => !isDateInRanges(date, disabledDates));\n    },\n  };\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n  requiredDateRangeValidator,\n  minDateRangeValidator,\n  maxDateRangeValidator,\n  badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n  value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n  return value != null && value.start != null && value.end != null;\n}\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,GAE3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAKxD,SAAS,SAAS,CAAC,EAAE,KAAK,EAA+B;IACvD,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAChC,0BAA0B,CAA8B,SAAS,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,qBAAqB,GAChC,0BAA0B,CAA8B,SAAS,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,0BAA0B,GACrC;IACE,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;IAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC;CACF,CAAC;AAEJ,MAAM,CAAC,MAAM,0BAA0B,GACrC;IACE,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,YAAY,CACV,2BAA2B,CAAC,8BAA+B,EAC3D,IAAI,CAAC,KAAK,CACX;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAEtC,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC;YAC3B,CAAC,aAAa;YACd,OAAO,CAAC,aAAa,CAAC,EACtB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CACf,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CACvE,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;CACF,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAA6C;IAC3E,0BAA0B;IAC1B,qBAAqB;IACrB,qBAAqB;IACrB,0BAA0B;CAC3B,CAAC;AAEF,MAAM,UAAU,mBAAmB,CACjC,KAA4B;IAE5B,OAAO,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,GAAG,IAAI,IAAI,CAAC;AACnE,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport { calendarRange } from '#internals/date/model.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { formatString } from '#internals/utils/strings.js';\nimport {\n  createMaxDateTimeValidator,\n  createMinDateTimeValidator,\n  type Validator,\n} from '#internals/validators.js';\nimport { isDateInRanges } from '../calendar/helpers.js';\nimport type { DateRangeValue } from '../types.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\n\n/** The ends of the current range, each validated against the bound on its own. */\nfunction rangeEnds({ value }: IgcDateRangePickerComponent) {\n  return [value?.start, value?.end];\n}\n\nexport const minDateRangeValidator =\n  createMinDateTimeValidator<IgcDateRangePickerComponent>(rangeEnds);\n\nexport const maxDateRangeValidator =\n  createMaxDateTimeValidator<IgcDateRangePickerComponent>(rangeEnds);\n\nexport const requiredDateRangeValidator: Validator<IgcDateRangePickerComponent> =\n  {\n    key: 'valueMissing',\n    message: ValidationResourceStringsEN.required_validation_error!,\n    isValid: (host) => {\n      return host.required ? isCompleteDateRange(host.value) : true;\n    },\n  };\n\nexport const badInputDateRangeValidator: Validator<IgcDateRangePickerComponent> =\n  {\n    key: 'badInput',\n    message: (host) =>\n      formatString(\n        ValidationResourceStringsEN.disabled_date_validation_error!,\n        host.value\n      ),\n    isValid: (host) => {\n      const { value, disabledDates } = host;\n\n      if (\n        !isCompleteDateRange(value) ||\n        !disabledDates ||\n        isEmpty(disabledDates)\n      ) {\n        return true;\n      }\n\n      return Array.from(\n        calendarRange({ start: value.start, end: value.end, inclusive: true })\n      ).every((date) => !isDateInRanges(date, disabledDates));\n    },\n  };\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n  requiredDateRangeValidator,\n  minDateRangeValidator,\n  maxDateRangeValidator,\n  badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n  value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n  return value != null && value.start != null && value.end != null;\n}\n"]}

package/components/date-time-input/date-part.d.ts

@@ -2,7 +2,8 @@
  * Date Part Classes Module
  *
  * This module provides structured classes for date/time parts used in date-time input.
- * Each part type has its own class with specific validation and spin behavior.
+ * Each date part type has its own class with specific validation and spin behavior;
+ * the time part types share one class driven by a bounds/accessor lookup.
  *
  * Classes are private to this module - only types and factory function are exported.
  */