@ember-eui/core 13.0.5 → 14.1.0

package/dist/components/eui-super-date-picker/date-popover/absolute-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\n\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n  dateFormat?: string;\n  timeFormat?: string;\n  locale?: LocaleSpecifier;\n  value: string;\n  onChange: (value: string, event?: Event) => void;\n  roundUp: boolean;\n  position: 'start' | 'end';\n  labelPrefix: string;\n  utcOffset?: number;\n}\n\nexport interface AbsoluteTabSignature {\n  Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n  @tracked isTextInvalid: boolean;\n  @tracked textInputValue: string;\n  @tracked valueAsMoment: Moment | null;\n\n  constructor(owner: Owner, args: AbsoluteTabArgs) {\n    super(owner, args);\n\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const valueAsMoment =\n      parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n    const textInputValue = valueAsMoment\n      .locale(this.args.locale || 'en')\n      .format(this.args.dateFormat);\n\n    this.isTextInvalid = false;\n    this.textInputValue = textInputValue;\n    this.valueAsMoment = valueAsMoment;\n  }\n\n  @action\n  handleChange(date: any, e: Event) {\n    if (date === null) {\n      return;\n    }\n\n    this.args.onChange(date.toISOString(), e);\n\n    const valueAsMoment = moment(date);\n\n    this.valueAsMoment = valueAsMoment;\n    this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n    this.isTextInvalid = false;\n  }\n\n  @action\n  handleTextChange(e: Event) {\n    const valueAsMoment = moment(\n      (e.target as HTMLInputElement).value,\n      this.args.dateFormat,\n      true\n    );\n    const dateIsValid = valueAsMoment.isValid();\n\n    if (dateIsValid) {\n      this.args.onChange(valueAsMoment.toISOString(), e);\n    }\n\n    this.textInputValue = (e.target as HTMLInputElement).value;\n    this.isTextInvalid = !dateIsValid;\n    this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n  }\n\n  // `change` event on an input gets called after a `blur`\n  // blur the input and focus again to trigger the change event\n  // and call `handleTextChange` with the updated value\n  // and keep the field focused\n  @action\n  triggerChange(e: Event) {\n    (e.target as HTMLInputElement).blur();\n    (e.target as HTMLInputElement).focus();\n  }\n\n  <template>\n    <div>\n      <DatetimePicker\n        @onChange={{this.handleChange}}\n        @dateFormat={{@dateFormat}}\n        @selected={{this.valueAsMoment}}\n      />\n      <EuiI18n\n        @token=\"euiAbsoluteTab.dateFormatError\"\n        @default=\"Expected format: {dateFormat}\"\n        @values={{hash dateFormat=@dateFormat}}\n        as |Token|\n      >\n        <Token as |dateFormatError|>\n          <EuiFormRow\n            class=\"euiSuperDatePicker__absoluteDateFormRow\"\n            @isInvalid={{this.isTextInvalid}}\n            @error={{if this.isTextInvalid dateFormatError}}\n          >\n            <EuiFieldText\n              @isInvalid={{this.isTextInvalid}}\n              @value={{this.textInputValue}}\n              @compressed={{true}}\n              {{on \"input\" this.triggerChange}}\n              {{on \"change\" this.handleTextChange}}\n            >\n              <:prepend as |classes|>\n                <EuiFormLabel class={{classes}}>\n                  {{@labelPrefix}}\n                </EuiFormLabel>\n              </:prepend>\n            </EuiFieldText>\n          </EuiFormRow>\n        </Token>\n      </EuiI18n>\n    </div>\n  </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","void 0","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","handleChange","date","e","onChange","toISOString","n","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel"],"mappings":"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"}
+{"version":3,"file":"absolute-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/absolute-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport moment from 'moment';\n\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport DatetimePicker from './datetime-picker.gts';\n\nimport type { LocaleSpecifier, Moment } from 'moment';\n\ninterface AbsoluteTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n}\n\n/** @private The \"Absolute\" tab of the date popover. */\nexport interface AbsoluteTabSignature {\n  Args: AbsoluteTabArgs;\n}\n\nexport default class AbsoluteTab extends Component<AbsoluteTabSignature> {\n  @tracked isTextInvalid: boolean;\n  @tracked textInputValue: string;\n  @tracked valueAsMoment: Moment | null;\n\n  constructor(owner: Owner, args: AbsoluteTabArgs) {\n    super(owner, args);\n\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const valueAsMoment =\n      parsedValue && parsedValue.isValid() ? parsedValue : moment();\n\n    const textInputValue = valueAsMoment\n      .locale(this.args.locale || 'en')\n      .format(this.args.dateFormat);\n\n    this.isTextInvalid = false;\n    this.textInputValue = textInputValue;\n    this.valueAsMoment = valueAsMoment;\n  }\n\n  @action\n  handleChange(date: any, e: Event) {\n    if (date === null) {\n      return;\n    }\n\n    this.args.onChange(date.toISOString(), e);\n\n    const valueAsMoment = moment(date);\n\n    this.valueAsMoment = valueAsMoment;\n    this.textInputValue = valueAsMoment.format(this.args.dateFormat);\n    this.isTextInvalid = false;\n  }\n\n  @action\n  handleTextChange(e: Event) {\n    const valueAsMoment = moment(\n      (e.target as HTMLInputElement).value,\n      this.args.dateFormat,\n      true\n    );\n    const dateIsValid = valueAsMoment.isValid();\n\n    if (dateIsValid) {\n      this.args.onChange(valueAsMoment.toISOString(), e);\n    }\n\n    this.textInputValue = (e.target as HTMLInputElement).value;\n    this.isTextInvalid = !dateIsValid;\n    this.valueAsMoment = dateIsValid ? valueAsMoment : null;\n  }\n\n  // `change` event on an input gets called after a `blur`\n  // blur the input and focus again to trigger the change event\n  // and call `handleTextChange` with the updated value\n  // and keep the field focused\n  @action\n  triggerChange(e: Event) {\n    (e.target as HTMLInputElement).blur();\n    (e.target as HTMLInputElement).focus();\n  }\n\n  <template>\n    <div>\n      <DatetimePicker\n        @onChange={{this.handleChange}}\n        @dateFormat={{@dateFormat}}\n        @selected={{this.valueAsMoment}}\n      />\n      <EuiI18n\n        @token=\"euiAbsoluteTab.dateFormatError\"\n        @default=\"Expected format: {dateFormat}\"\n        @values={{hash dateFormat=@dateFormat}}\n        as |Token|\n      >\n        <Token as |dateFormatError|>\n          <EuiFormRow\n            class=\"euiSuperDatePicker__absoluteDateFormRow\"\n            @isInvalid={{this.isTextInvalid}}\n            @error={{if this.isTextInvalid dateFormatError}}\n          >\n            <EuiFieldText\n              @isInvalid={{this.isTextInvalid}}\n              @value={{this.textInputValue}}\n              @compressed={{true}}\n              {{on \"input\" this.triggerChange}}\n              {{on \"change\" this.handleTextChange}}\n            >\n              <:prepend as |classes|>\n                <EuiFormLabel class={{classes}}>\n                  {{@labelPrefix}}\n                </EuiFormLabel>\n              </:prepend>\n            </EuiFieldText>\n          </EuiFormRow>\n        </Token>\n      </EuiI18n>\n    </div>\n  </template>\n}\n"],"names":["AbsoluteTab","Component","g","prototype","tracked","i","constructor","owner","args","parsedValue","dateMath","parse","value","roundUp","valueAsMoment","isValid","moment","textInputValue","locale","format","dateFormat","isTextInvalid","handleChange","date","e","onChange","toISOString","n","action","handleTextChange","target","dateIsValid","triggerChange","blur","focus","setComponentTemplate","precompileTemplate","strictMode","scope","DatetimePicker","EuiI18n","hash","EuiFormRow","EuiFieldText","on","EuiFormLabel"],"mappings":"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"}

package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js

@@ -13,7 +13,7 @@ import EuiIcon from '../../eui-icon.js';
 import EuiSelect from '../../eui-select.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 const isSameDayHelper = helper(function ([year, month, day, selectedDate]) {
   if (!selectedDate) {
@@ -21,6 +21,9 @@ const isSameDayHelper = helper(function ([year, month, day, selectedDate]) {
   }
   return selectedDate.year() === year && selectedDate.month() === month && selectedDate.date() === day;
 });
+
+/** @private The calendar and time list of the "Absolute" tab. */
+
 class DatetimePicker extends Component {
   static {
     g(this.prototype, "month", [tracked], function () {
@@ -76,10 +79,10 @@ class DatetimePicker extends Component {
     };
     this.month = this.momentConfig.month;
     this.year = this.momentConfig.year;
-    let hour = this.momentConfig.hour;
-    let minute = this.momentConfig.minute;
-    let hourStr = hour < 10 ? `0${hour}` : hour;
-    let minuteStr = minute < 10 ? `0${minute}` : minute;
+    const hour = this.momentConfig.hour;
+    const minute = this.momentConfig.minute;
+    const hourStr = hour < 10 ? `0${hour}` : hour;
+    const minuteStr = minute < 10 ? `0${minute}` : minute;
     this.selectedTime = `${hourStr}:${minuteStr}`;
     this.offset = this.monthMoment.clone().startOf('month').day();
     this.today = moment();
@@ -95,7 +98,7 @@ class DatetimePicker extends Component {
   get years() {
     return Array.from(Array(15).keys()).map((_, i) => {
       // Create a list of years +/- 7 from the current year
-      let year = this.year - 7 + i;
+      const year = this.year - 7 + i;
       return {
         text: year,
         value: year
@@ -106,7 +109,7 @@ class DatetimePicker extends Component {
     const timesArray = [];
     // Create entries every 30 minutes
     for (let i = 0; i < 24; i++) {
-      let hour = i < 10 ? `0${i}` : i;
+      const hour = i < 10 ? `0${i}` : i;
       timesArray.push(`${hour}:00`, `${hour}:30`);
     }
     return timesArray;
@@ -117,8 +120,8 @@ class DatetimePicker extends Component {
     const prevMonth = this.monthMoment.clone().subtract(1, 'month');
     const nextMonth = this.monthMoment.clone().add(1, 'month');
     const offset = this.offset;
-    let daysInMonth = this.monthMoment.daysInMonth();
-    let daysInPrevMonth = prevMonth.daysInMonth();
+    const daysInMonth = this.monthMoment.daysInMonth();
+    const daysInPrevMonth = prevMonth.daysInMonth();
     const daysArray = [];
     for (let i = 0; i < daysInMonth; i++) {
       daysArray[i] = {
@@ -215,7 +218,7 @@ class DatetimePicker extends Component {
     n(this.prototype, "decreaseMonth", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"euiDatePicker euiDatePicker--inline\">\n      <EuiFormControlLayout>\n        <div class=\"react-datepicker\">\n          <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--previous\" aria-label=\"Previous month\" {{on \"click\" this.decreaseMonth}}>\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n          </button>\n          <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--next\" aria-label=\"Next month\" {{on \"click\" this.increaseMonth}}>\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type=\"arrowRight\" />\n          </button>\n          <div class=\"react-datepicker__month-container\">\n            <div class=\"react-datepicker__header\">\n              <div class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\">\n                <div class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\">\n                  {{!--template-lint-disable--}}\n                  <div class=\"react-datepicker__month-read-view\" style=\"padding: 0;\">\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect @compressed={{true}} @value={{this.month}} @options={{this.monthNames}} {{on \"change\" (pick \"target.value\" this.setMonth)}} />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n                <div class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\">\n                  {{!--template-lint-disable--}}\n                  <div class=\"react-datepicker__year-read-view\" style=\"padding: 0;\">\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect @compressed={{true}} @value={{this.year}} @options={{this.years}} {{on \"change\" (pick \"target.value\" this.setYear)}} />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n              </div>\n              <div class=\"react-datepicker__day-names\">\n                <div class=\"react-datepicker__day-name\">Su</div>\n                <div class=\"react-datepicker__day-name\">Mo</div>\n                <div class=\"react-datepicker__day-name\">Tu</div>\n                <div class=\"react-datepicker__day-name\">We</div>\n                <div class=\"react-datepicker__day-name\">Th</div>\n                <div class=\"react-datepicker__day-name\">Fr</div>\n                <div class=\"react-datepicker__day-name\">Sa</div>\n              </div>\n            </div>\n\n            <div class=\"react-datepicker__month react-datepicker__month--accessible\">\n              {{#each this.days as |days|}}\n                <div class=\"react-datepicker__week\">\n                  {{#each days as |day|}}\n                    <div role=\"button\" class={{concat \"react-datepicker__day\" (if (and (not day.isOutside) (isSameDayHelper this.year this.month day.day this.selectedDate)) \" react-datepicker__day--selected\") (if (isSameDayHelper this.year this.month day.day this.today) \" react-datepicker__day--today\") (if day.isOutside \" react-datepicker__day--outside-month\")}} {{on \"click\" (fn this.selectDate day)}}>\n                      <div class=\"react-datepicker__day-text\">{{day.day}}</div>\n                    </div>\n                  {{/each}}\n                </div>\n              {{/each}}\n            </div>\n          </div>\n\n          <div class=\"react-datepicker__time-container\">\n            <div class=\"react-datepicker__time\">\n              <div class=\"react-datepicker__time-box react-datepicker__time-box--accessible\">\n                <ul class=\"react-datepicker__time-list\">\n                  {{#each this.times as |time|}}\n                    <li role=\"option\" class={{concat \"react-datepicker__time-list-item\" (if (eq time this.selectedTime) \" react-datepicker__time-list-item--selected\")}} {{on \"click\" (fn this.selectTime time)}}>\n                      {{time}}\n                    </li>\n                  {{/each}}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </EuiFormControlLayout>\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"euiDatePicker euiDatePicker--inline\">\n  <EuiFormControlLayout>\n    <div class=\"react-datepicker\">\n      <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--previous\" aria-label=\"Previous month\" {{on \"click\" this.decreaseMonth}}>\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n      </button>\n      <button type=\"button\" class=\"react-datepicker__navigation react-datepicker__navigation--next\" aria-label=\"Next month\" {{on \"click\" this.increaseMonth}}>\n        <EuiIcon @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\" @type=\"arrowRight\" />\n      </button>\n      <div class=\"react-datepicker__month-container\">\n        <div class=\"react-datepicker__header\">\n          <div class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\">\n            <div class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\">\n              {{!--template-lint-disable--}}\n              <div class=\"react-datepicker__month-read-view\" style=\"padding: 0;\">\n                <EuiFlexItem @grow={{1}}>\n                  <EuiSelect @compressed={{true}} @value={{this.month}} @options={{this.monthNames}} {{on \"change\" (pick \"target.value\" this.setMonth)}} />\n                </EuiFlexItem>\n              </div>\n            </div>\n            <div class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\">\n              {{!--template-lint-disable--}}\n              <div class=\"react-datepicker__year-read-view\" style=\"padding: 0;\">\n                <EuiFlexItem @grow={{1}}>\n                  <EuiSelect @compressed={{true}} @value={{this.year}} @options={{this.years}} {{on \"change\" (pick \"target.value\" this.setYear)}} />\n                </EuiFlexItem>\n              </div>\n            </div>\n          </div>\n          <div class=\"react-datepicker__day-names\">\n            <div class=\"react-datepicker__day-name\">Su</div>\n            <div class=\"react-datepicker__day-name\">Mo</div>\n            <div class=\"react-datepicker__day-name\">Tu</div>\n            <div class=\"react-datepicker__day-name\">We</div>\n            <div class=\"react-datepicker__day-name\">Th</div>\n            <div class=\"react-datepicker__day-name\">Fr</div>\n            <div class=\"react-datepicker__day-name\">Sa</div>\n          </div>\n        </div>\n\n        <div class=\"react-datepicker__month react-datepicker__month--accessible\">\n          {{#each this.days as |days|}}\n            <div class=\"react-datepicker__week\">\n              {{#each days as |day|}}\n                <div role=\"button\" class={{concat \"react-datepicker__day\" (if (and (not day.isOutside) (isSameDayHelper this.year this.month day.day this.selectedDate)) \" react-datepicker__day--selected\") (if (isSameDayHelper this.year this.month day.day this.today) \" react-datepicker__day--today\") (if day.isOutside \" react-datepicker__day--outside-month\")}} {{on \"click\" (fn this.selectDate day)}}>\n                  <div class=\"react-datepicker__day-text\">{{day.day}}</div>\n                </div>\n              {{/each}}\n            </div>\n          {{/each}}\n        </div>\n      </div>\n\n      <div class=\"react-datepicker__time-container\">\n        <div class=\"react-datepicker__time\">\n          <div class=\"react-datepicker__time-box react-datepicker__time-box--accessible\">\n            <ul class=\"react-datepicker__time-list\">\n              {{#each this.times as |time|}}\n                <li role=\"option\" class={{concat \"react-datepicker__time-list-item\" (if (eq time this.selectedTime) \" react-datepicker__time-list-item--selected\")}} {{on \"click\" (fn this.selectTime time)}}>\n                  {{time}}\n                </li>\n              {{/each}}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  </EuiFormControlLayout>\n</div>", {
       strictMode: true,
       scope: () => ({
         EuiFormControlLayout,

package/dist/components/eui-super-date-picker/date-popover/datetime-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-picker.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/datetime-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { concat, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\nimport { and, eq, not } from 'ember-truth-helpers';\nimport moment from 'moment';\n\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiFormControlLayout from '../../eui-form-control-layout.gts';\nimport EuiIcon from '../../eui-icon.gts';\nimport EuiSelect from '../../eui-select.gts';\n\nconst isSameDayHelper = helper(function ([year, month, day, selectedDate]: [\n  number,\n  number,\n  number,\n  moment.Moment | undefined\n]) {\n  if (!selectedDate) {\n    return false;\n  }\n\n  return (\n    selectedDate.year() === year &&\n    selectedDate.month() === month &&\n    selectedDate.date() === day\n  );\n});\n\ninterface DatetimePickerArgs {\n  selected?: moment.Moment | null;\n  onChange: (value: string | Date | moment.Moment, e: Event) => void;\n  iconClasses?: string;\n  dateFormat?: string;\n}\n\ninterface Day {\n  day: number;\n  month?: number;\n  year?: number;\n  isOutside?: boolean;\n}\n\ninterface DatetimePickerSignature {\n  Args: DatetimePickerArgs;\n}\n\nexport default class DatetimePicker extends Component<DatetimePickerSignature> {\n  @tracked month: number = 0;\n  @tracked year: number = 0;\n  @tracked monthMoment: moment.Moment;\n  // Used to style the days outside of the current month\n  @tracked offset: number = 0;\n  @tracked selectedDate?: moment.Moment;\n  @tracked selectedTime?: string;\n  @tracked today: moment.Moment;\n\n  momentConfig: {\n    year: number;\n    month: number;\n    day: number;\n    hour: number;\n    minute: number;\n    second: number;\n    millisecond: number;\n  };\n\n  constructor(owner: Owner, args: DatetimePickerArgs) {\n    super(owner, args);\n\n    if (this.args.selected) {\n      this.monthMoment = this.args.selected;\n      this.selectedDate = this.args.selected;\n    } else {\n      this.monthMoment = moment([this.year, this.month]);\n    }\n\n    this.momentConfig = {\n      year: this.monthMoment.year(),\n      month: this.monthMoment.month(),\n      day: this.monthMoment.date(),\n      hour: this.monthMoment.hour(),\n      minute: this.monthMoment.minute(),\n      second: 0,\n      millisecond: 0\n    };\n\n    this.month = this.momentConfig.month;\n    this.year = this.momentConfig.year;\n\n    let hour = this.momentConfig.hour;\n    let minute = this.momentConfig.minute;\n    let hourStr = hour < 10 ? `0${hour}` : hour;\n    let minuteStr = minute < 10 ? `0${minute}` : minute;\n\n    this.selectedTime = `${hourStr}:${minuteStr}`;\n\n    this.offset = this.monthMoment.clone().startOf('month').day();\n\n    this.today = moment();\n  }\n\n  get monthNames() {\n    return moment.months().map((month, i) => {\n      return {\n        text: month,\n        value: i\n      };\n    });\n  }\n\n  get years() {\n    return Array.from(Array(15).keys()).map((_, i) => {\n      // Create a list of years +/- 7 from the current year\n      let year = this.year - 7 + i;\n\n      return {\n        text: year,\n        value: year\n      };\n    });\n  }\n\n  get times() {\n    const timesArray = [];\n\n    // Create entries every 30 minutes\n    for (let i = 0; i < 24; i++) {\n      let hour = i < 10 ? `0${i}` : i;\n\n      timesArray.push(`${hour}:00`, `${hour}:30`);\n    }\n\n    return timesArray;\n  }\n\n  get days() {\n    // Used for showing days outside of the current month\n    // const prevMonth = moment([this.year, this.month - 1]);\n    const prevMonth = this.monthMoment.clone().subtract(1, 'month');\n    const nextMonth = this.monthMoment.clone().add(1, 'month');\n    const offset = this.offset;\n    let daysInMonth = this.monthMoment.daysInMonth();\n    let daysInPrevMonth = prevMonth.daysInMonth();\n\n    const daysArray = [];\n\n    for (let i = 0; i < daysInMonth; i++) {\n      daysArray[i] = {\n        day: i + 1\n      };\n    }\n\n    // Fill the previous and next month days\n    for (let i = 0, d = daysInPrevMonth; i < offset; i++, d--) {\n      daysArray.unshift({\n        day: d,\n        month: prevMonth.month(),\n        year: prevMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    for (let d = 1, i = daysInMonth + offset; i < 42; d++, i++) {\n      daysArray.push({\n        day: d,\n        month: nextMonth.month(),\n        year: nextMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    // but depending on the starting day, one week may not be needed\n    const daysMatrix = [];\n    const weeks = daysInMonth + offset > 35 ? 6 : 5;\n\n    for (let i = 0; i < weeks; i++) {\n      daysMatrix[i] = daysArray.slice(i * 7, i * 7 + 7);\n    }\n\n    return daysMatrix;\n  }\n\n  updateDate() {\n    this.year = this.monthMoment.year();\n    this.month = this.monthMoment.month();\n    this.offset = this.monthMoment.clone().startOf('month').day();\n  }\n\n  @action\n  selectTime(time: string, e: Event) {\n    this.selectedTime = time;\n\n    const [hour, minute] = time.split(':');\n\n    this.momentConfig.hour = parseInt(hour!);\n    this.momentConfig.minute = parseInt(minute!);\n    this.momentConfig.second = 0;\n    this.momentConfig.millisecond = 0;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n  }\n\n  @action\n  selectDate(day: Day, e: Event) {\n    // Only outside days will have year/month\n    this.momentConfig.year = day.year || this.year;\n    this.momentConfig.month = day.month || this.month;\n    this.momentConfig.day = day.day;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n\n    // Update the state to show the selected month properly\n    if (day.isOutside && day.month && day.year) {\n      this.monthMoment.month(day.month);\n      this.monthMoment.year(day.year);\n      this.updateDate();\n    }\n  }\n\n  @action\n  setYear(year: string) {\n    this.year = parseInt(year);\n  }\n\n  @action\n  setMonth(month: string) {\n    this.monthMoment.month(parseInt(month));\n    this.updateDate();\n  }\n\n  @action\n  increaseMonth() {\n    this.monthMoment.add(1, 'month');\n    this.updateDate();\n  }\n\n  @action\n  decreaseMonth() {\n    this.monthMoment.subtract(1, 'month');\n    this.updateDate();\n  }\n\n  <template>\n    <div class=\"euiDatePicker euiDatePicker--inline\">\n      <EuiFormControlLayout>\n        <div class=\"react-datepicker\">\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--previous\"\n            aria-label=\"Previous month\"\n            {{on \"click\" this.decreaseMonth}}\n          >\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--next\"\n            aria-label=\"Next month\"\n            {{on \"click\" this.increaseMonth}}\n          >\n            <EuiIcon\n              @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n              @type=\"arrowRight\"\n            />\n          </button>\n          <div class=\"react-datepicker__month-container\">\n            <div class=\"react-datepicker__header\">\n              <div\n                class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\"\n              >\n                <div\n                  class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__month-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.month}}\n                        @options={{this.monthNames}}\n                        {{on \"change\" (pick \"target.value\" this.setMonth)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n                <div\n                  class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__year-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.year}}\n                        @options={{this.years}}\n                        {{on \"change\" (pick \"target.value\" this.setYear)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n              </div>\n              <div class=\"react-datepicker__day-names\">\n                <div class=\"react-datepicker__day-name\">Su</div>\n                <div class=\"react-datepicker__day-name\">Mo</div>\n                <div class=\"react-datepicker__day-name\">Tu</div>\n                <div class=\"react-datepicker__day-name\">We</div>\n                <div class=\"react-datepicker__day-name\">Th</div>\n                <div class=\"react-datepicker__day-name\">Fr</div>\n                <div class=\"react-datepicker__day-name\">Sa</div>\n              </div>\n            </div>\n\n            <div\n              class=\"react-datepicker__month react-datepicker__month--accessible\"\n            >\n              {{#each this.days as |days|}}\n                <div class=\"react-datepicker__week\">\n                  {{#each days as |day|}}\n                    <div\n                      role=\"button\"\n                      class={{concat\n                        \"react-datepicker__day\"\n                        (if\n                          (and\n                            (not day.isOutside)\n                            (isSameDayHelper\n                              this.year this.month day.day this.selectedDate\n                            )\n                          )\n                          \" react-datepicker__day--selected\"\n                        )\n                        (if\n                          (isSameDayHelper\n                            this.year this.month day.day this.today\n                          )\n                          \" react-datepicker__day--today\"\n                        )\n                        (if\n                          day.isOutside \" react-datepicker__day--outside-month\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectDate day)}}\n                    >\n                      <div class=\"react-datepicker__day-text\">{{day.day}}</div>\n                    </div>\n                  {{/each}}\n                </div>\n              {{/each}}\n            </div>\n          </div>\n\n          <div class=\"react-datepicker__time-container\">\n            <div class=\"react-datepicker__time\">\n              <div\n                class=\"react-datepicker__time-box react-datepicker__time-box--accessible\"\n              >\n                <ul class=\"react-datepicker__time-list\">\n                  {{#each this.times as |time|}}\n                    <li\n                      role=\"option\"\n                      class={{concat\n                        \"react-datepicker__time-list-item\"\n                        (if\n                          (eq time this.selectedTime)\n                          \" react-datepicker__time-list-item--selected\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectTime time)}}\n                    >\n                      {{time}}\n                    </li>\n                  {{/each}}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </EuiFormControlLayout>\n    </div>\n  </template>\n}\n"],"names":["isSameDayHelper","helper","year","month","day","selectedDate","date","DatetimePicker","Component","g","prototype","tracked","i","void 0","momentConfig","constructor","owner","args","selected","monthMoment","moment","hour","minute","second","millisecond","hourStr","minuteStr","selectedTime","offset","clone","startOf","today","monthNames","months","map","text","value","years","Array","from","keys","_","times","timesArray","push","days","prevMonth","subtract","nextMonth","add","daysInMonth","daysInPrevMonth","daysArray","d","unshift","isOutside","daysMatrix","weeks","slice","updateDate","selectTime","time","e","split","parseInt","onChange","n","action","selectDate","setYear","setMonth","increaseMonth","decreaseMonth","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","on","EuiIcon","EuiFlexItem","EuiSelect","pick","concat","and","not","fn","eq"],"mappings":"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"}
+{"version":3,"file":"datetime-picker.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/datetime-picker.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { concat, fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\nimport { and, eq, not } from 'ember-truth-helpers';\nimport moment from 'moment';\n\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiFormControlLayout from '../../eui-form-control-layout.gts';\nimport EuiIcon from '../../eui-icon.gts';\nimport EuiSelect from '../../eui-select.gts';\n\nconst isSameDayHelper = helper(function ([year, month, day, selectedDate]: [\n  number,\n  number,\n  number,\n  moment.Moment | undefined\n]) {\n  if (!selectedDate) {\n    return false;\n  }\n\n  return (\n    selectedDate.year() === year &&\n    selectedDate.month() === month &&\n    selectedDate.date() === day\n  );\n});\n\ninterface DatetimePickerArgs {\n  /** The selected date. */\n  selected?: moment.Moment | null;\n  /** Called with the new value. */\n  onChange: (value: string | Date | moment.Moment, e: Event) => void;\n  /** Classes for the icon. */\n  iconClasses?: string;\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n}\n\ninterface Day {\n  day: number;\n  month?: number;\n  year?: number;\n  isOutside?: boolean;\n}\n\n/** @private The calendar and time list of the \"Absolute\" tab. */\ninterface DatetimePickerSignature {\n  Args: DatetimePickerArgs;\n}\n\nexport default class DatetimePicker extends Component<DatetimePickerSignature> {\n  @tracked month: number = 0;\n  @tracked year: number = 0;\n  @tracked monthMoment: moment.Moment;\n  // Used to style the days outside of the current month\n  @tracked offset: number = 0;\n  @tracked selectedDate?: moment.Moment;\n  @tracked selectedTime?: string;\n  @tracked today: moment.Moment;\n\n  momentConfig: {\n    year: number;\n    month: number;\n    day: number;\n    hour: number;\n    minute: number;\n    second: number;\n    millisecond: number;\n  };\n\n  constructor(owner: Owner, args: DatetimePickerArgs) {\n    super(owner, args);\n\n    if (this.args.selected) {\n      this.monthMoment = this.args.selected;\n      this.selectedDate = this.args.selected;\n    } else {\n      this.monthMoment = moment([this.year, this.month]);\n    }\n\n    this.momentConfig = {\n      year: this.monthMoment.year(),\n      month: this.monthMoment.month(),\n      day: this.monthMoment.date(),\n      hour: this.monthMoment.hour(),\n      minute: this.monthMoment.minute(),\n      second: 0,\n      millisecond: 0\n    };\n\n    this.month = this.momentConfig.month;\n    this.year = this.momentConfig.year;\n\n    const hour = this.momentConfig.hour;\n    const minute = this.momentConfig.minute;\n    const hourStr = hour < 10 ? `0${hour}` : hour;\n    const minuteStr = minute < 10 ? `0${minute}` : minute;\n\n    this.selectedTime = `${hourStr}:${minuteStr}`;\n\n    this.offset = this.monthMoment.clone().startOf('month').day();\n\n    this.today = moment();\n  }\n\n  get monthNames() {\n    return moment.months().map((month, i) => {\n      return {\n        text: month,\n        value: i\n      };\n    });\n  }\n\n  get years() {\n    return Array.from(Array(15).keys()).map((_, i) => {\n      // Create a list of years +/- 7 from the current year\n      const year = this.year - 7 + i;\n\n      return {\n        text: year,\n        value: year\n      };\n    });\n  }\n\n  get times() {\n    const timesArray = [];\n\n    // Create entries every 30 minutes\n    for (let i = 0; i < 24; i++) {\n      const hour = i < 10 ? `0${i}` : i;\n\n      timesArray.push(`${hour}:00`, `${hour}:30`);\n    }\n\n    return timesArray;\n  }\n\n  get days() {\n    // Used for showing days outside of the current month\n    // const prevMonth = moment([this.year, this.month - 1]);\n    const prevMonth = this.monthMoment.clone().subtract(1, 'month');\n    const nextMonth = this.monthMoment.clone().add(1, 'month');\n    const offset = this.offset;\n    const daysInMonth = this.monthMoment.daysInMonth();\n    const daysInPrevMonth = prevMonth.daysInMonth();\n\n    const daysArray = [];\n\n    for (let i = 0; i < daysInMonth; i++) {\n      daysArray[i] = {\n        day: i + 1\n      };\n    }\n\n    // Fill the previous and next month days\n    for (let i = 0, d = daysInPrevMonth; i < offset; i++, d--) {\n      daysArray.unshift({\n        day: d,\n        month: prevMonth.month(),\n        year: prevMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    for (let d = 1, i = daysInMonth + offset; i < 42; d++, i++) {\n      daysArray.push({\n        day: d,\n        month: nextMonth.month(),\n        year: nextMonth.year(),\n        isOutside: true\n      });\n    }\n\n    // All months fit within 6 weeks (42 days)\n    // but depending on the starting day, one week may not be needed\n    const daysMatrix = [];\n    const weeks = daysInMonth + offset > 35 ? 6 : 5;\n\n    for (let i = 0; i < weeks; i++) {\n      daysMatrix[i] = daysArray.slice(i * 7, i * 7 + 7);\n    }\n\n    return daysMatrix;\n  }\n\n  updateDate() {\n    this.year = this.monthMoment.year();\n    this.month = this.monthMoment.month();\n    this.offset = this.monthMoment.clone().startOf('month').day();\n  }\n\n  @action\n  selectTime(time: string, e: Event) {\n    this.selectedTime = time;\n\n    const [hour, minute] = time.split(':');\n\n    this.momentConfig.hour = parseInt(hour!);\n    this.momentConfig.minute = parseInt(minute!);\n    this.momentConfig.second = 0;\n    this.momentConfig.millisecond = 0;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n  }\n\n  @action\n  selectDate(day: Day, e: Event) {\n    // Only outside days will have year/month\n    this.momentConfig.year = day.year || this.year;\n    this.momentConfig.month = day.month || this.month;\n    this.momentConfig.day = day.day;\n    this.selectedDate = moment(this.momentConfig);\n    this.args.onChange(this.selectedDate, e);\n\n    // Update the state to show the selected month properly\n    if (day.isOutside && day.month && day.year) {\n      this.monthMoment.month(day.month);\n      this.monthMoment.year(day.year);\n      this.updateDate();\n    }\n  }\n\n  @action\n  setYear(year: string) {\n    this.year = parseInt(year);\n  }\n\n  @action\n  setMonth(month: string) {\n    this.monthMoment.month(parseInt(month));\n    this.updateDate();\n  }\n\n  @action\n  increaseMonth() {\n    this.monthMoment.add(1, 'month');\n    this.updateDate();\n  }\n\n  @action\n  decreaseMonth() {\n    this.monthMoment.subtract(1, 'month');\n    this.updateDate();\n  }\n\n  <template>\n    <div class=\"euiDatePicker euiDatePicker--inline\">\n      <EuiFormControlLayout>\n        <div class=\"react-datepicker\">\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--previous\"\n            aria-label=\"Previous month\"\n            {{on \"click\" this.decreaseMonth}}\n          >\n            <EuiIcon @iconClasses=\"euiButtonIcon__icon\" @type=\"arrowLeft\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"react-datepicker__navigation react-datepicker__navigation--next\"\n            aria-label=\"Next month\"\n            {{on \"click\" this.increaseMonth}}\n          >\n            <EuiIcon\n              @iconClasses=\"euiButtonIcon__icon {{@iconClasses}}\"\n              @type=\"arrowRight\"\n            />\n          </button>\n          <div class=\"react-datepicker__month-container\">\n            <div class=\"react-datepicker__header\">\n              <div\n                class=\"react-datepicker__header__dropdown react-datepicker__header__dropdown--scroll\"\n              >\n                <div\n                  class=\"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__month-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.month}}\n                        @options={{this.monthNames}}\n                        {{on \"change\" (pick \"target.value\" this.setMonth)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n                <div\n                  class=\"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--scroll\"\n                >\n                  {{!template-lint-disable}}\n                  <div\n                    class=\"react-datepicker__year-read-view\"\n                    style=\"padding: 0;\"\n                  >\n                    <EuiFlexItem @grow={{1}}>\n                      <EuiSelect\n                        @compressed={{true}}\n                        @value={{this.year}}\n                        @options={{this.years}}\n                        {{on \"change\" (pick \"target.value\" this.setYear)}}\n                      />\n                    </EuiFlexItem>\n                  </div>\n                </div>\n              </div>\n              <div class=\"react-datepicker__day-names\">\n                <div class=\"react-datepicker__day-name\">Su</div>\n                <div class=\"react-datepicker__day-name\">Mo</div>\n                <div class=\"react-datepicker__day-name\">Tu</div>\n                <div class=\"react-datepicker__day-name\">We</div>\n                <div class=\"react-datepicker__day-name\">Th</div>\n                <div class=\"react-datepicker__day-name\">Fr</div>\n                <div class=\"react-datepicker__day-name\">Sa</div>\n              </div>\n            </div>\n\n            <div\n              class=\"react-datepicker__month react-datepicker__month--accessible\"\n            >\n              {{#each this.days as |days|}}\n                <div class=\"react-datepicker__week\">\n                  {{#each days as |day|}}\n                    <div\n                      role=\"button\"\n                      class={{concat\n                        \"react-datepicker__day\"\n                        (if\n                          (and\n                            (not day.isOutside)\n                            (isSameDayHelper\n                              this.year this.month day.day this.selectedDate\n                            )\n                          )\n                          \" react-datepicker__day--selected\"\n                        )\n                        (if\n                          (isSameDayHelper\n                            this.year this.month day.day this.today\n                          )\n                          \" react-datepicker__day--today\"\n                        )\n                        (if\n                          day.isOutside \" react-datepicker__day--outside-month\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectDate day)}}\n                    >\n                      <div class=\"react-datepicker__day-text\">{{day.day}}</div>\n                    </div>\n                  {{/each}}\n                </div>\n              {{/each}}\n            </div>\n          </div>\n\n          <div class=\"react-datepicker__time-container\">\n            <div class=\"react-datepicker__time\">\n              <div\n                class=\"react-datepicker__time-box react-datepicker__time-box--accessible\"\n              >\n                <ul class=\"react-datepicker__time-list\">\n                  {{#each this.times as |time|}}\n                    <li\n                      role=\"option\"\n                      class={{concat\n                        \"react-datepicker__time-list-item\"\n                        (if\n                          (eq time this.selectedTime)\n                          \" react-datepicker__time-list-item--selected\"\n                        )\n                      }}\n                      {{on \"click\" (fn this.selectTime time)}}\n                    >\n                      {{time}}\n                    </li>\n                  {{/each}}\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </EuiFormControlLayout>\n    </div>\n  </template>\n}\n"],"names":["isSameDayHelper","helper","year","month","day","selectedDate","date","DatetimePicker","Component","g","prototype","tracked","i","momentConfig","constructor","owner","args","selected","monthMoment","moment","hour","minute","second","millisecond","hourStr","minuteStr","selectedTime","offset","clone","startOf","today","monthNames","months","map","text","value","years","Array","from","keys","_","times","timesArray","push","days","prevMonth","subtract","nextMonth","add","daysInMonth","daysInPrevMonth","daysArray","d","unshift","isOutside","daysMatrix","weeks","slice","updateDate","selectTime","time","e","split","parseInt","onChange","n","action","selectDate","setYear","setMonth","increaseMonth","decreaseMonth","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFormControlLayout","on","EuiIcon","EuiFlexItem","EuiSelect","pick","concat","and","not","fn","eq"],"mappings":"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"}

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js

@@ -2,21 +2,21 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { hash, concat } from '@ember/helper';
 import { on } from '@ember/modifier';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import set from 'ember-set-helper/helpers/set';
 import { not } from 'ember-truth-helpers';
 import classNames from '../../../helpers/class-names.js';
 import EuiPopoverComponent from '../../eui-popover.js';
-import { useFormatTimeString } from '../utils/index.js';
-import { useI18nTimeOptions } from '../utils/time-options.js';
+import useFormatTimeString from '../utils/index.js';
+import useI18nTimeOptions from '../utils/time-options.js';
 import EuiDatePopoverContent from './eui-date-popover-content.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiDatePopoverButton extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   static {
@@ -44,7 +44,7 @@ class EuiDatePopoverButton extends Component {
     return this.args.position ?? 'start';
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (classNames \"euiDatePopoverButton\" (concat \"euiDatePopoverButton--\" @position) (if @compressed \"euiDatePopoverButton--compressed\") (if this.isOpen \"euiDatePopoverButton-isSelected\") (if @isInvalid \"euiDatePopoverButton-isInvalid\") (if @needsUpdating \"euiDatePopoverButton-needsUpdating\") (if @isDisabled \"euiDatePopoverButton-disabled\")) as |classes|}}\n      <EuiPopover @isOpen={{this.isOpen}} @closePopover={{set this \"isOpen\" false}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize=\"none\" @display=\"block\">\n        <:button>\n          {{#if (has-block \"button\")}}\n            {{yield (hash classes=classes formattedValue=this.formattedValue open=(set this \"isOpen\" true) close=(set this \"isOpen\" false)) to=\"button\"}}\n          {{else}}\n            <button type=\"button\" class={{classes}} title={{this.formattedValue}} disabled={{@isDisabled}} ...attributes {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}>\n              {{this.formattedValue}}\n            </button>\n          {{/if}}\n        </:button>\n\n        <:content>\n          <EuiDatePopoverContent @position={{this.position}} @value={{@value}} @roundUp={{@roundUp}} @dateFormat={{this.dateFormat}} @timeFormat={{@timeFormat}} @locale={{@locale}} @utcOffset={{@utcOffset}} @timeOptions={{this.timeOptions}} @onChange={{@onChange}} />\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (classNames \"euiDatePopoverButton\" (concat \"euiDatePopoverButton--\" @position) (if @compressed \"euiDatePopoverButton--compressed\") (if this.isOpen \"euiDatePopoverButton-isSelected\") (if @isInvalid \"euiDatePopoverButton-isInvalid\") (if @needsUpdating \"euiDatePopoverButton-needsUpdating\") (if @isDisabled \"euiDatePopoverButton-disabled\")) as |classes|}}\n  <EuiPopover @isOpen={{this.isOpen}} @closePopover={{set this \"isOpen\" false}} @anchorPosition={{this.anchorPosition}} @panelPaddingSize=\"none\" @display=\"block\">\n    <:button>\n      {{#if (has-block \"button\")}}\n        {{yield (hash classes=classes formattedValue=this.formattedValue open=(set this \"isOpen\" true) close=(set this \"isOpen\" false)) to=\"button\"}}\n      {{else}}\n        <button type=\"button\" class={{classes}} title={{this.formattedValue}} disabled={{@isDisabled}} ...attributes {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}>\n          {{this.formattedValue}}\n        </button>\n      {{/if}}\n    </:button>\n\n    <:content>\n      <EuiDatePopoverContent @position={{this.position}} @value={{@value}} @roundUp={{@roundUp}} @dateFormat={{this.dateFormat}} @timeFormat={{@timeFormat}} @locale={{@locale}} @utcOffset={{@utcOffset}} @timeOptions={{this.timeOptions}} @onChange={{@onChange}} />\n    </:content>\n  </EuiPopover>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         classNames,

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-date-popover-button.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { inject as service } from '@ember/service';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { not } from 'ember-truth-helpers';\n\nimport classNames from '../../../helpers/class-names.ts';\nimport EuiPopover from '../../eui-popover.gts';\nimport { useFormatTimeString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport EuiDatePopoverContent from './eui-date-popover-content.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiDatePopoverContentSignature } from './eui-date-popover-content';\n\ninterface EuiDatePopoverButtonArgs {\n  className?: string;\n  dateFormat?: string;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isOpen?: boolean;\n  needsUpdating?: boolean;\n  locale?: EuiDatePopoverContentSignature['Args']['locale'];\n  position?: 'start' | 'end';\n  roundUp?: boolean;\n  timeFormat?: string;\n  value: string;\n  utcOffset?: number;\n  compressed?: boolean;\n  timeOptions?: EuiDatePopoverContentSignature['Args']['timeOptions'];\n  onChange: EuiDatePopoverContentSignature['Args']['onChange'];\n}\n\nexport interface EuiDatePopoverButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiDatePopoverButtonArgs;\n  Blocks: {\n    button: [\n      {\n        classes: string;\n        formattedValue: string;\n        open: () => void;\n        close: () => void;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverButton extends Component<EuiDatePopoverButtonSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked isOpen = false;\n\n  get dateFormat() {\n    //date with seconds and such\n    return this.args.dateFormat ?? 'YYYY-MM-DDTHH:mm:ss.SSSZ';\n  }\n\n  get formattedValue() {\n    const roundUp = this.args.roundUp ?? false;\n    const locale = this.args.locale ?? 'en';\n\n    return useFormatTimeString(\n      this.args.value,\n      this.dateFormat,\n      roundUp,\n      locale,\n      this.euiI18n\n    );\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  get anchorPosition() {\n    return this.args.position === 'start' ? 'downLeft' : 'downRight';\n  }\n\n  get position() {\n    return this.args.position ?? 'start';\n  }\n\n  <template>\n    {{#let\n      (classNames\n        \"euiDatePopoverButton\"\n        (concat \"euiDatePopoverButton--\" @position)\n        (if @compressed \"euiDatePopoverButton--compressed\")\n        (if this.isOpen \"euiDatePopoverButton-isSelected\")\n        (if @isInvalid \"euiDatePopoverButton-isInvalid\")\n        (if @needsUpdating \"euiDatePopoverButton-needsUpdating\")\n        (if @isDisabled \"euiDatePopoverButton-disabled\")\n      )\n      as |classes|\n    }}\n      <EuiPopover\n        @isOpen={{this.isOpen}}\n        @closePopover={{set this \"isOpen\" false}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize=\"none\"\n        @display=\"block\"\n      >\n        <:button>\n          {{#if (has-block \"button\")}}\n            {{yield\n              (hash\n                classes=classes\n                formattedValue=this.formattedValue\n                open=(set this \"isOpen\" true)\n                close=(set this \"isOpen\" false)\n              )\n              to=\"button\"\n            }}\n          {{else}}\n            <button\n              type=\"button\"\n              class={{classes}}\n              title={{this.formattedValue}}\n              disabled={{@isDisabled}}\n              ...attributes\n              {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}\n            >\n              {{this.formattedValue}}\n            </button>\n          {{/if}}\n        </:button>\n\n        <:content>\n          <EuiDatePopoverContent\n            @position={{this.position}}\n            @value={{@value}}\n            @roundUp={{@roundUp}}\n            @dateFormat={{this.dateFormat}}\n            @timeFormat={{@timeFormat}}\n            @locale={{@locale}}\n            @utcOffset={{@utcOffset}}\n            @timeOptions={{this.timeOptions}}\n            @onChange={{@onChange}}\n          />\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiDatePopoverButton","Component","g","prototype","service","i","void 0","tracked","dateFormat","args","formattedValue","roundUp","locale","useFormatTimeString","value","euiI18n","timeOptions","useI18nTimeOptions","anchorPosition","position","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","EuiPopover","set","hash","on","not","EuiDatePopoverContent"],"mappings":";;;;;;;;;;;;;;;;AAmDe,MAAMA,6BAA6BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzDC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACAI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiB,KAAM;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,OAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAAC,MAAA;EAExB,IAAIE,UAAaA,GAAA;AACf;AACA,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,0BAAA;AACjC;EAEA,IAAIE,cAAiBA,GAAA;IACnB,MAAMC,UAAU,IAAI,CAACF,IAAI,CAACE,OAAO,IAAI,KAAA;IACrC,MAAMC,SAAS,IAAI,CAACH,IAAI,CAACG,MAAM,IAAI,IAAA;AAEnC,IAAA,OAAOC,mBACL,CAAA,IAAI,CAACJ,IAAI,CAACK,KAAK,EACf,IAAI,CAACN,UAAU,EACfG,OAAA,EACAC,MACA,EAAA,IAAI,CAACG,OAAO,CAAA;AAEhB;EAEA,IAAIC,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACP,IAAI,CAACO,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACF,OAAO,CAAA;AACjE;EAEA,IAAIG,cAAiBA,GAAA;IACnB,OAAO,IAAI,CAACT,IAAI,CAACU,QAAQ,KAAK,UAAU,UAAa,GAAA,WAAA;AACvD;EAEA,IAAIA,QAAWA,GAAA;AACb,IAAA,OAAO,IAAI,CAACV,IAAI,CAACU,QAAQ,IAAI,OAAA;AAC/B;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CA4DA,u5CAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,MAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-date-popover-button.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { concat, hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport set from 'ember-set-helper/helpers/set';\nimport { not } from 'ember-truth-helpers';\n\nimport classNames from '../../../helpers/class-names.ts';\nimport EuiPopover from '../../eui-popover.gts';\nimport { useFormatTimeString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport EuiDatePopoverContent from './eui-date-popover-content.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiDatePopoverContentSignature } from './eui-date-popover-content';\n\ninterface EuiDatePopoverButtonArgs {\n  /** Extra class(es). */\n  className?: string;\n  /** moment format of absolute dates. */\n  dateFormat?: string;\n  /** Disables it. */\n  isDisabled?: boolean;\n  /** Invalid styling. */\n  isInvalid?: boolean;\n  /** Whether the popover is open. */\n  isOpen?: boolean;\n  /** Highlights that it changed and needs applying. */\n  needsUpdating?: boolean;\n  /** moment locale. */\n  locale?: EuiDatePopoverContentSignature['Args']['locale'];\n  /** `'start'` or `'end'` of the range. */\n  position?: 'start' | 'end';\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Compressed styling. */\n  compressed?: boolean;\n  /** Time units and tenses for the quick select. */\n  timeOptions?: EuiDatePopoverContentSignature['Args']['timeOptions'];\n  /** Called with the new value. */\n  onChange: EuiDatePopoverContentSignature['Args']['onChange'];\n}\n\n/** @private The start or end date button of EuiSuperDatePicker. */\nexport interface EuiDatePopoverButtonSignature {\n  Element: HTMLButtonElement;\n  Args: EuiDatePopoverButtonArgs;\n  Blocks: {\n    button: [\n      {\n        classes: string;\n        formattedValue: string;\n        open: () => void;\n        close: () => void;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverButton extends Component<EuiDatePopoverButtonSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked isOpen = false;\n\n  get dateFormat() {\n    //date with seconds and such\n    return this.args.dateFormat ?? 'YYYY-MM-DDTHH:mm:ss.SSSZ';\n  }\n\n  get formattedValue() {\n    const roundUp = this.args.roundUp ?? false;\n    const locale = this.args.locale ?? 'en';\n\n    return useFormatTimeString(\n      this.args.value,\n      this.dateFormat,\n      roundUp,\n      locale,\n      this.euiI18n\n    );\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  get anchorPosition() {\n    return this.args.position === 'start' ? 'downLeft' : 'downRight';\n  }\n\n  get position() {\n    return this.args.position ?? 'start';\n  }\n\n  <template>\n    {{#let\n      (classNames\n        \"euiDatePopoverButton\"\n        (concat \"euiDatePopoverButton--\" @position)\n        (if @compressed \"euiDatePopoverButton--compressed\")\n        (if this.isOpen \"euiDatePopoverButton-isSelected\")\n        (if @isInvalid \"euiDatePopoverButton-isInvalid\")\n        (if @needsUpdating \"euiDatePopoverButton-needsUpdating\")\n        (if @isDisabled \"euiDatePopoverButton-disabled\")\n      )\n      as |classes|\n    }}\n      <EuiPopover\n        @isOpen={{this.isOpen}}\n        @closePopover={{set this \"isOpen\" false}}\n        @anchorPosition={{this.anchorPosition}}\n        @panelPaddingSize=\"none\"\n        @display=\"block\"\n      >\n        <:button>\n          {{#if (has-block \"button\")}}\n            {{yield\n              (hash\n                classes=classes\n                formattedValue=this.formattedValue\n                open=(set this \"isOpen\" true)\n                close=(set this \"isOpen\" false)\n              )\n              to=\"button\"\n            }}\n          {{else}}\n            <button\n              type=\"button\"\n              class={{classes}}\n              title={{this.formattedValue}}\n              disabled={{@isDisabled}}\n              ...attributes\n              {{on \"click\" (set this \"isOpen\" (not this.isOpen))}}\n            >\n              {{this.formattedValue}}\n            </button>\n          {{/if}}\n        </:button>\n\n        <:content>\n          <EuiDatePopoverContent\n            @position={{this.position}}\n            @value={{@value}}\n            @roundUp={{@roundUp}}\n            @dateFormat={{this.dateFormat}}\n            @timeFormat={{@timeFormat}}\n            @locale={{@locale}}\n            @utcOffset={{@utcOffset}}\n            @timeOptions={{this.timeOptions}}\n            @onChange={{@onChange}}\n          />\n        </:content>\n      </EuiPopover>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiDatePopoverButton","Component","g","prototype","service","i","tracked","dateFormat","args","formattedValue","roundUp","locale","useFormatTimeString","value","euiI18n","timeOptions","useI18nTimeOptions","anchorPosition","position","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","concat","EuiPopover","set","hash","on","not","EuiDatePopoverContent"],"mappings":";;;;;;;;;;;;;;;;AAmEe,MAAMA,6BAA6BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CACAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,OAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,MAAA;EAElB,IAAIE,UAAAA,GAAa;AACf;AACA,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,0BAAA;AACjC,EAAA;EAEA,IAAIE,cAAAA,GAAiB;IACnB,MAAMC,UAAU,IAAI,CAACF,IAAI,CAACE,OAAO,IAAI,KAAA;IACrC,MAAMC,SAAS,IAAI,CAACH,IAAI,CAACG,MAAM,IAAI,IAAA;AAEnC,IAAA,OAAOC,mBAAA,CACL,IAAI,CAACJ,IAAI,CAACK,KAAK,EACf,IAAI,CAACN,UAAU,EACfG,OAAA,EACAC,MAAA,EACA,IAAI,CAACG,OAAO,CAAA;AAEhB,EAAA;EAEA,IAAIC,WAAAA,GAAc;IAChB,OAAO,IAAI,CAACP,IAAI,CAACO,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACF,OAAO,CAAA;AACjE,EAAA;EAEA,IAAIG,cAAAA,GAAiB;IACnB,OAAO,IAAI,CAACT,IAAI,CAACU,QAAQ,KAAK,UAAU,UAAA,GAAa,WAAA;AACvD,EAAA;EAEA,IAAIA,QAAAA,GAAW;AACb,IAAA,OAAO,IAAI,CAACV,IAAI,CAACU,QAAQ,IAAI,OAAA;AAC/B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,i1CAAA,EA4DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,UAAA;QAAAC,MAAA;oBAAAC,mBAAA;QAAAC,GAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-content.js

@@ -1,24 +1,26 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { helper } from '@ember/component/helper';
-import { inject } from '@ember/service';
+import { service } from '@ember/service';
 import { eq } from 'ember-truth-helpers';
 import EuiTabbedContentComponent from '../../eui-tabbed-content.js';
 import { toAbsoluteString, getDateMode } from '../utils/index.js';
-import { useI18nTimeOptions } from '../utils/time-options.js';
+import useI18nTimeOptions from '../utils/time-options.js';
 import AbsoluteTab from './absolute-tab.js';
 import EuiSuperDatePickerDatePopoverNowTab from './now-tab.js';
 import RelativeTab from './relative-tab.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 const toAbsoluteStringHelper = helper(function ([value, roundUp]) {
   return toAbsoluteString(value, roundUp);
 });
+/** @private The tabs (absolute, relative, now) of the date popover. */
+
 class EuiDatePopoverContent extends Component {
   static {
-    g(this.prototype, "euiI18n", [inject]);
+    g(this.prototype, "euiI18n", [service]);
   }
   #euiI18n = (i(this, "euiI18n"), void 0);
   static {
@@ -53,7 +55,7 @@ class EuiDatePopoverContent extends Component {
     return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiTabbedContent @className=\"euiDatePopoverContent\" @tabs={{this.tabs}} @initialSelectedTab={{this.initialSelectedTab}} @autoFocus=\"selected\" @expand={{true}} @size=\"s\">\n      <:selectedTabContent as |selected|>\n        {{#if (eq selected.id \"relative\")}}\n          <RelativeTab @value={{this.toAbsoluteStringHelper @value this.roundUp}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @timeOptions={{this.timeOptions}} />\n        {{else if (eq selected.id \"now\")}}\n          <NowTab @position={{@position}} @onChange={{@onChange}} />\n        {{else if (eq selected.id \"absolute\")}}\n          <AbsoluteTab @value={{@value}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} />\n        {{/if}}\n      </:selectedTabContent>\n    </EuiTabbedContent>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiTabbedContent @className=\"euiDatePopoverContent\" @tabs={{this.tabs}} @initialSelectedTab={{this.initialSelectedTab}} @autoFocus=\"selected\" @expand={{true}} @size=\"s\">\n  <:selectedTabContent as |selected|>\n    {{#if (eq selected.id \"relative\")}}\n      <RelativeTab @value={{this.toAbsoluteStringHelper @value this.roundUp}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @timeOptions={{this.timeOptions}} />\n    {{else if (eq selected.id \"now\")}}\n      <NowTab @position={{@position}} @onChange={{@onChange}} />\n    {{else if (eq selected.id \"absolute\")}}\n      <AbsoluteTab @value={{@value}} @roundUp={{this.roundUp}} @dateFormat={{@dateFormat}} @locale={{@locale}} @position={{@position}} @onChange={{@onChange}} @labelPrefix={{this.labelPrefix}} />\n    {{/if}}\n  </:selectedTabContent>\n</EuiTabbedContent>", {
       strictMode: true,
       scope: () => ({
         EuiTabbedContent: EuiTabbedContentComponent,

package/dist/components/eui-super-date-picker/date-popover/eui-date-popover-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-date-popover-content.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { inject as service } from '@ember/service';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiTabbedContent from '../../eui-tabbed-content.gts';\nimport { getDateMode, toAbsoluteString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport AbsoluteTab from './absolute-tab.gts';\nimport NowTab from './now-tab.gts';\nimport RelativeTab from './relative-tab.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTabbedContentTab } from '../../eui-tabbed-content';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { AbsoluteTabSignature } from './absolute-tab';\nimport type { NowTabSignature } from './now-tab';\nimport type { RelativeTabSignature } from './relative-tab';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface EuiDatePopoverContentArgs {\n  value: string;\n  onChange:\n    | RelativeTabSignature['Args']['onChange']\n    | NowTabSignature['Args']['onChange']\n    | AbsoluteTabSignature['Args']['onChange'];\n  roundUp?: boolean;\n  dateFormat: string;\n  timeFormat?: string;\n  locale?: LocaleSpecifier;\n  position: 'start' | 'end';\n  utcOffset?: number;\n  timeOptions: TimeOptions;\n}\n\nconst toAbsoluteStringHelper = helper(function ([value, roundUp]: [\n  string,\n  boolean\n]) {\n  return toAbsoluteString(value, roundUp);\n});\n\nexport interface EuiDatePopoverContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiDatePopoverContentArgs;\n  Blocks: {\n    selectedTabContent: [\n      {\n        id: string;\n        name: string;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverContent extends Component<EuiDatePopoverContentSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked selectedTab = 0;\n  toAbsoluteStringHelper = toAbsoluteStringHelper;\n\n  get labelPrefix() {\n    return this.args.position === 'start'\n      ? this.euiI18n.lookupToken(\n          'euiDatePopoverContent.startDateLabel',\n          'Start date'\n        )\n      : this.euiI18n.lookupToken(\n          'euiDatePopoverContent.endDateLabel',\n          'End date'\n        );\n  }\n\n  get tabs(): EuiTabbedContentTab[] {\n    return [\n      {\n        id: 'absolute',\n        name: this.euiI18n.lookupToken(\n          'euiDatePopoverContent.absoluteTabLabel',\n          'Absolute'\n        )\n      },\n      {\n        id: 'relative',\n        name: this.euiI18n.lookupToken(\n          'euiDatePopoverContent.relativeTabLabel',\n          'Relative'\n        )\n      },\n      {\n        id: 'now',\n        name: this.euiI18n.lookupToken(\n          'euiDatePopoverContent.nowTabLabel',\n          'Now'\n        )\n      }\n    ];\n  }\n\n  get initialSelectedTab() {\n    return this.tabs.find((tab) => tab.id === getDateMode(this.args.value));\n  }\n\n  get roundUp() {\n    return this.args.roundUp ?? false;\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  <template>\n    <EuiTabbedContent\n      @className=\"euiDatePopoverContent\"\n      @tabs={{this.tabs}}\n      @initialSelectedTab={{this.initialSelectedTab}}\n      @autoFocus=\"selected\"\n      @expand={{true}}\n      @size=\"s\"\n    >\n      <:selectedTabContent as |selected|>\n        {{#if (eq selected.id \"relative\")}}\n          <RelativeTab\n            @value={{this.toAbsoluteStringHelper @value this.roundUp}}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @timeOptions={{this.timeOptions}}\n          />\n        {{else if (eq selected.id \"now\")}}\n          <NowTab @position={{@position}} @onChange={{@onChange}} />\n        {{else if (eq selected.id \"absolute\")}}\n          <AbsoluteTab\n            @value={{@value}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n          />\n        {{/if}}\n      </:selectedTabContent>\n    </EuiTabbedContent>\n  </template>\n}\n"],"names":["toAbsoluteStringHelper","helper","value","roundUp","toAbsoluteString","EuiDatePopoverContent","Component","g","prototype","service","i","void 0","tracked","labelPrefix","args","position","euiI18n","lookupToken","tabs","id","name","initialSelectedTab","find","tab","getDateMode","timeOptions","useI18nTimeOptions","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabbedContent","eq","RelativeTab","NowTab","AbsoluteTab"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAMA,sBAAA,GAAyBC,OAAO,UAAU,CAACC,OAAOC,OACtD,CAED,EAAA;AACC,EAAA,OAAOC,iBAAiBF,KAAO,EAAAC,OAAA,CAAA;AACjC,CAAA,CAAA;AAee,MAAME,8BAA8BC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC1DC,MAAA,CAAA,CAAA;AAAA;AAAA,EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CACAI,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,CAAE;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,YAAA,IAAAF,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAAC,MAAA;AACzBX,EAAAA,sBAAA,GAAyBA,sBAAuB;EAEhD,IAAIa,WAAcA,GAAA;AAChB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,KAAK,OAAA,GAC1B,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,wCACA,YAEF,CAAA,GAAA,IAAI,CAACD,OAAO,CAACC,WAAW,CACtB,oCACA,EAAA,UAAA,CAAA;AAER;EAEA,IAAIC,OAA8B;AAChC,IAAA,OAAO,CACL;AACEC,MAAAA,EAAI,EAAA,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCACA,EAAA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAI,EAAA,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCACA,EAAA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAI,EAAA,KAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,mCACA,EAAA,KAAA;AAEJ,KAAA,CACD;AACH;EAEA,IAAII,kBAAqBA,GAAA;IACvB,OAAO,IAAI,CAACH,IAAI,CAACI,IAAI,CAAEC,GAAA,IAAQA,GAAI,CAAAJ,EAAE,KAAKK,WAAY,CAAA,IAAI,CAACV,IAAI,CAACZ,KAAK,CAAA,CAAA;AACvE;EAEA,IAAIC,OAAUA,GAAA;AACZ,IAAA,OAAO,IAAI,CAACW,IAAI,CAACX,OAAO,IAAI,KAAA;AAC9B;EAEA,IAAIsB,WAAcA,GAAA;IAChB,OAAO,IAAI,CAACX,IAAI,CAACW,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACV,OAAO,CAAA;AACjE;AAEA,EAAA;IAAAW,oBAAA,CAAAC,kBAAA,CAoCA,k+BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;0BAAAC,yBAAA;QAAAC,EAAA;QAAAC,WAAA;gBAAAC,mCAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"eui-date-popover-content.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/eui-date-popover-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { service } from '@ember/service';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiTabbedContent from '../../eui-tabbed-content.gts';\nimport { getDateMode, toAbsoluteString } from '../utils/index.ts';\nimport { useI18nTimeOptions } from '../utils/time-options.ts';\nimport AbsoluteTab from './absolute-tab.gts';\nimport NowTab from './now-tab.gts';\nimport RelativeTab from './relative-tab.gts';\n\nimport type EuiI18n from '../../../services/eui-i18n';\nimport type { EuiTabbedContentTab } from '../../eui-tabbed-content';\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { AbsoluteTabSignature } from './absolute-tab';\nimport type { NowTabSignature } from './now-tab';\nimport type { RelativeTabSignature } from './relative-tab';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface EuiDatePopoverContentArgs {\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange:\n    | RelativeTabSignature['Args']['onChange']\n    | NowTabSignature['Args']['onChange']\n    | AbsoluteTabSignature['Args']['onChange'];\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** moment format of absolute dates. */\n  dateFormat: string;\n  /** moment format of times. */\n  timeFormat?: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** UTC offset in minutes. */\n  utcOffset?: number;\n  /** Time units and tenses for the quick select. */\n  timeOptions: TimeOptions;\n}\n\nconst toAbsoluteStringHelper = helper(function ([value, roundUp]: [\n  string,\n  boolean\n]) {\n  return toAbsoluteString(value, roundUp);\n});\n\n/** @private The tabs (absolute, relative, now) of the date popover. */\nexport interface EuiDatePopoverContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiDatePopoverContentArgs;\n  Blocks: {\n    selectedTabContent: [\n      {\n        id: string;\n        name: string;\n      }\n    ];\n  };\n}\n\nexport default class EuiDatePopoverContent extends Component<EuiDatePopoverContentSignature> {\n  @service declare euiI18n: EuiI18n;\n  @tracked selectedTab = 0;\n  toAbsoluteStringHelper = toAbsoluteStringHelper;\n\n  get labelPrefix() {\n    return this.args.position === 'start'\n      ? this.euiI18n.lookupToken(\n          'euiDatePopoverContent.startDateLabel',\n          'Start date'\n        )\n      : this.euiI18n.lookupToken(\n          'euiDatePopoverContent.endDateLabel',\n          'End date'\n        );\n  }\n\n  get tabs(): EuiTabbedContentTab[] {\n    return [\n      {\n        id: 'absolute',\n        name: this.euiI18n.lookupToken(\n          'euiDatePopoverContent.absoluteTabLabel',\n          'Absolute'\n        )\n      },\n      {\n        id: 'relative',\n        name: this.euiI18n.lookupToken(\n          'euiDatePopoverContent.relativeTabLabel',\n          'Relative'\n        )\n      },\n      {\n        id: 'now',\n        name: this.euiI18n.lookupToken(\n          'euiDatePopoverContent.nowTabLabel',\n          'Now'\n        )\n      }\n    ];\n  }\n\n  get initialSelectedTab() {\n    return this.tabs.find((tab) => tab.id === getDateMode(this.args.value));\n  }\n\n  get roundUp() {\n    return this.args.roundUp ?? false;\n  }\n\n  get timeOptions() {\n    return this.args.timeOptions || useI18nTimeOptions(this.euiI18n);\n  }\n\n  <template>\n    <EuiTabbedContent\n      @className=\"euiDatePopoverContent\"\n      @tabs={{this.tabs}}\n      @initialSelectedTab={{this.initialSelectedTab}}\n      @autoFocus=\"selected\"\n      @expand={{true}}\n      @size=\"s\"\n    >\n      <:selectedTabContent as |selected|>\n        {{#if (eq selected.id \"relative\")}}\n          <RelativeTab\n            @value={{this.toAbsoluteStringHelper @value this.roundUp}}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @timeOptions={{this.timeOptions}}\n          />\n        {{else if (eq selected.id \"now\")}}\n          <NowTab @position={{@position}} @onChange={{@onChange}} />\n        {{else if (eq selected.id \"absolute\")}}\n          <AbsoluteTab\n            @value={{@value}}\n            @roundUp={{this.roundUp}}\n            @dateFormat={{@dateFormat}}\n            @locale={{@locale}}\n            @position={{@position}}\n            @onChange={{@onChange}}\n            @labelPrefix={{this.labelPrefix}}\n          />\n        {{/if}}\n      </:selectedTabContent>\n    </EuiTabbedContent>\n  </template>\n}\n"],"names":["toAbsoluteStringHelper","helper","value","roundUp","toAbsoluteString","EuiDatePopoverContent","Component","g","prototype","service","i","tracked","labelPrefix","args","position","euiI18n","lookupToken","tabs","id","name","initialSelectedTab","find","tab","getDateMode","timeOptions","useI18nTimeOptions","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTabbedContent","eq","RelativeTab","NowTab","AbsoluteTab"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAMA,sBAAA,GAAyBC,OAAO,UAAU,CAACC,OAAOC,OAAA,CAGvD,EAAA;AACC,EAAA,OAAOC,iBAAiBF,KAAA,EAAOC,OAAA,CAAA;AACjC,CAAA,CAAA;AAEA;;AAce,MAAME,8BAA8BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC1DC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CACAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAsB,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,YAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAA,MAAA;AACvBV,EAAAA,sBAAA,GAAyBA,sBAAA;EAEzB,IAAIY,WAAAA,GAAc;AAChB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,QAAQ,KAAK,OAAA,GAC1B,IAAI,CAACC,OAAO,CAACC,WAAW,CACtB,wCACA,YAAA,CAAA,GAEF,IAAI,CAACD,OAAO,CAACC,WAAW,CACtB,oCAAA,EACA,UAAA,CAAA;AAER,EAAA;EAEA,IAAIC,OAA8B;AAChC,IAAA,OAAO,CACL;AACEC,MAAAA,EAAA,EAAI,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCAAA,EACA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAA,EAAI,UAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,wCAAA,EACA,UAAA;AAEJ,KAAA,EACA;AACEE,MAAAA,EAAA,EAAI,KAAA;MACJC,IAAA,EAAM,IAAI,CAACJ,OAAO,CAACC,WAAW,CAC5B,mCAAA,EACA,KAAA;AAEJ,KAAA,CACD;AACH,EAAA;EAEA,IAAII,kBAAAA,GAAqB;IACvB,OAAO,IAAI,CAACH,IAAI,CAACI,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIJ,EAAE,KAAKK,WAAA,CAAY,IAAI,CAACV,IAAI,CAACX,KAAK,CAAA,CAAA;AACvE,EAAA;EAEA,IAAIC,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACU,IAAI,CAACV,OAAO,IAAI,KAAA;AAC9B,EAAA;EAEA,IAAIqB,WAAAA,GAAc;IAChB,OAAO,IAAI,CAACX,IAAI,CAACW,WAAW,IAAIC,kBAAA,CAAmB,IAAI,CAACV,OAAO,CAAA;AACjE,EAAA;AAEA,EAAA;IAAAW,oBAAA,CAAAC,kBAAA,CAAA,g7BAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;0BAAAC,yBAAA;QAAAC,EAAA;QAAAC,WAAA;gBAAAC,mCAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-super-date-picker/date-popover/now-tab.js

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiSuperDatePickerDatePopoverNowTab = setComponentTemplate(precompileTemplate("\n    <EuiText class=\"euiDatePopoverContent__padded--large\" @size=\"s\" @color=\"subdued\">\n      <p>\n        <EuiI18n @token=\"euiDatePopoverContent.nowTabContent\" @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\" as |Token|>\n          <Token as |value|>\n            {{value}}\n          </Token>\n        </EuiI18n>\n      </p>\n      <EuiButton @fullWidth={{true}} @size=\"s\" @fill={{true}} {{on \"click\" (fn @onChange \"now\")}}>\n        {{#if (eq @position \"start\")}}\n          <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonStart\" @default=\"Set start date and time to now\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{else}}\n          <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonEnd\" @default=\"Set end date and time to now\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{/if}}\n      </EuiButton>\n    </EuiText>\n  ", {
+const EuiSuperDatePickerDatePopoverNowTab = setComponentTemplate(precompileTemplate("<EuiText class=\"euiDatePopoverContent__padded--large\" @size=\"s\" @color=\"subdued\">\n  <p>\n    <EuiI18n @token=\"euiDatePopoverContent.nowTabContent\" @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\" as |Token|>\n      <Token as |value|>\n        {{value}}\n      </Token>\n    </EuiI18n>\n  </p>\n  <EuiButton @fullWidth={{true}} @size=\"s\" @fill={{true}} {{on \"click\" (fn @onChange \"now\")}}>\n    {{#if (eq @position \"start\")}}\n      <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonStart\" @default=\"Set start date and time to now\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    {{else}}\n      <EuiI18n @token=\"euiDatePopoverContent.nowTabButtonEnd\" @default=\"Set end date and time to now\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    {{/if}}\n  </EuiButton>\n</EuiText>", {
   strictMode: true,
   scope: () => ({
     EuiText: EuiTextComponent,

package/dist/components/eui-super-date-picker/date-popover/now-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"now-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/now-tab.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButton from '../../eui-button.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport EuiText from '../../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface NowTabSignature {\n  Args: {\n    position?: 'start' | 'end';\n    onChange: (value: string, event?: Event) => void;\n  };\n}\n\nconst EuiSuperDatePickerDatePopoverNowTab: TemplateOnlyComponent<NowTabSignature> =\n  <template>\n    <EuiText\n      class=\"euiDatePopoverContent__padded--large\"\n      @size=\"s\"\n      @color=\"subdued\"\n    >\n      <p>\n        <EuiI18n\n          @token=\"euiDatePopoverContent.nowTabContent\"\n          @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\"\n          as |Token|\n        >\n          <Token as |value|>\n            {{value}}\n          </Token>\n        </EuiI18n>\n      </p>\n      <EuiButton\n        @fullWidth={{true}}\n        @size=\"s\"\n        @fill={{true}}\n        {{on \"click\" (fn @onChange \"now\")}}\n      >\n        {{#if (eq @position \"start\")}}\n          <EuiI18n\n            @token=\"euiDatePopoverContent.nowTabButtonStart\"\n            @default=\"Set start date and time to now\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{else}}\n          <EuiI18n\n            @token=\"euiDatePopoverContent.nowTabButtonEnd\"\n            @default=\"Set end date and time to now\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{/if}}\n      </EuiButton>\n    </EuiText>\n  </template>;\n\nexport default EuiSuperDatePickerDatePopoverNowTab;\n"],"names":["EuiSuperDatePickerDatePopoverNowTab","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiI18n","EuiButton","on","fn","eq","templateOnly"],"mappings":";;;;;;;;;;AAkBA,MAAMA,mCACJ,GAAAC,oBAAA,CAAAC,kBAAA,CA8CA,sjCAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;aAAAC,gBAAA;IAAAC,SAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"now-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/now-tab.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport { eq } from 'ember-truth-helpers';\n\nimport EuiButton from '../../eui-button.gts';\nimport EuiI18n from '../../eui-i18n.gts';\nimport EuiText from '../../eui-text.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private The \"Now\" tab of the date popover. */\nexport interface NowTabSignature {\n  Args: {\n    /** `'start'` or `'end'` of the range. */\n    position?: 'start' | 'end';\n    /** Called with the new value. */\n    onChange: (value: string, event?: Event) => void;\n  };\n}\n\nconst EuiSuperDatePickerDatePopoverNowTab: TemplateOnlyComponent<NowTabSignature> =\n  <template>\n    <EuiText\n      class=\"euiDatePopoverContent__padded--large\"\n      @size=\"s\"\n      @color=\"subdued\"\n    >\n      <p>\n        <EuiI18n\n          @token=\"euiDatePopoverContent.nowTabContent\"\n          @default=\"Setting the time to now means that on every refresh this time will be set to the time of the refresh.\"\n          as |Token|\n        >\n          <Token as |value|>\n            {{value}}\n          </Token>\n        </EuiI18n>\n      </p>\n      <EuiButton\n        @fullWidth={{true}}\n        @size=\"s\"\n        @fill={{true}}\n        {{on \"click\" (fn @onChange \"now\")}}\n      >\n        {{#if (eq @position \"start\")}}\n          <EuiI18n\n            @token=\"euiDatePopoverContent.nowTabButtonStart\"\n            @default=\"Set start date and time to now\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{else}}\n          <EuiI18n\n            @token=\"euiDatePopoverContent.nowTabButtonEnd\"\n            @default=\"Set end date and time to now\"\n            as |Token|\n          >\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        {{/if}}\n      </EuiButton>\n    </EuiText>\n  </template>;\n\nexport default EuiSuperDatePickerDatePopoverNowTab;\n"],"names":["EuiSuperDatePickerDatePopoverNowTab","setComponentTemplate","precompileTemplate","strictMode","scope","EuiText","EuiI18n","EuiButton","on","fn","eq","templateOnly"],"mappings":";;;;;;;;;;AAqBA,MAAMA,mCAA2D,GAAAC,oBAAA,CAC/DC,kBAAA,CAAA,g9BAAA,EA8CA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;aAAAC,gBAAA;IAAAC,SAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-super-date-picker/date-popover/relative-tab.js

@@ -18,7 +18,7 @@ import EuiSwitch from '../../eui-switch.js';
 import { parseRelativeParts, INVALID_DATE, toRelativeStringFromParts } from '../utils/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class RelativeTab extends Component {
   static {
@@ -97,7 +97,7 @@ class RelativeTab extends Component {
     this.args.onChange(date, e);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <EuiForm class=\"euiDatePopoverContent__padded\">\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFormRow>\n            <EuiFieldNumber @compressed={{true}} @value={{this.count}} @min=\"0\" {{on \"input\" this.onCountChange}} />\n          </EuiFormRow>\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect @compressed={{true}} @value={{this.unit}} @options={{@timeOptions.relativeOptions}} {{on \"change\" (pick \"target.value\" this.onUnitChange)}} />\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiSpacer @size=\"s\" />\n      <EuiFieldText @compressed={{true}} @value={{this.formattedValue}} @readOnly={{true}}>\n        <:prepend>\n          <EuiFormLabel>{{@labelPrefix}}</EuiFormLabel>\n        </:prepend>\n      </EuiFieldText>\n    </EuiForm>\n    <EuiPopoverFooter @paddingSize=\"s\">\n      <EuiSwitch @label={{this.roundingLabel}} @checked={{this.round}} @onChange={{pick \"target.checked\" this.onRoundChange}} />\n    </EuiPopoverFooter>\n  ", {
+    setComponentTemplate(precompileTemplate("<EuiForm class=\"euiDatePopoverContent__padded\">\n  <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n    <EuiFlexItem>\n      <EuiFormRow>\n        <EuiFieldNumber @compressed={{true}} @value={{this.count}} @min=\"0\" {{on \"input\" this.onCountChange}} />\n      </EuiFormRow>\n    </EuiFlexItem>\n    <EuiFlexItem>\n      <EuiSelect @compressed={{true}} @value={{this.unit}} @options={{@timeOptions.relativeOptions}} {{on \"change\" (pick \"target.value\" this.onUnitChange)}} />\n    </EuiFlexItem>\n  </EuiFlexGroup>\n  <EuiSpacer @size=\"s\" />\n  <EuiFieldText @compressed={{true}} @value={{this.formattedValue}} @readOnly={{true}}>\n    <:prepend>\n      <EuiFormLabel>{{@labelPrefix}}</EuiFormLabel>\n    </:prepend>\n  </EuiFieldText>\n</EuiForm>\n<EuiPopoverFooter @paddingSize=\"s\">\n  <EuiSwitch @label={{this.roundingLabel}} @checked={{this.round}} @onChange={{pick \"target.checked\" this.onRoundChange}} />\n</EuiPopoverFooter>", {
       strictMode: true,
       scope: () => ({
         EuiForm,

package/dist/components/eui-super-date-picker/date-popover/relative-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"relative-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/relative-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\n\nimport EuiFieldNumber from '../../eui-field-number.gts';\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFlexGroup from '../../eui-flex-group.gts';\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiForm from '../../eui-form.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiPopoverFooter from '../../eui-popover-footer.gts';\nimport EuiSelect from '../../eui-select.gts';\nimport EuiSpacer from '../../eui-spacer.gts';\nimport EuiSwitch from '../../eui-switch.gts';\nimport { INVALID_DATE, toRelativeStringFromParts } from '../utils/index.ts';\nimport { parseRelativeParts } from '../utils/index.ts';\n\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface RelativeTabArgs {\n  dateFormat: string;\n  locale?: LocaleSpecifier;\n  value: string;\n  onChange: (value: string, event?: Event) => void;\n  roundUp?: boolean;\n  position: 'start' | 'end';\n  labelPrefix: string;\n  timeOptions: TimeOptions;\n}\n\nexport interface RelativeTabSignature {\n  Args: RelativeTabArgs;\n}\n\nexport default class RelativeTab extends Component<RelativeTabSignature> {\n  @tracked count?: number;\n  @tracked unit: any = 'm';\n  @tracked round = false;\n\n  roundUnit;\n\n  constructor(owner: Owner, args: RelativeTabArgs) {\n    super(owner, args);\n\n    const parsed = parseRelativeParts(this.args.value);\n\n    if (parsed) {\n      this.count = parsed.count;\n      this.unit = parsed.unit as any;\n      this.round = parsed.round;\n      this.roundUnit = parsed.roundUnit;\n    }\n  }\n\n  get formattedValue() {\n    const invalidDate = this.args.value === INVALID_DATE;\n    const invalidValue = this.count === undefined || this.count < 0;\n    const isInvalid = invalidValue || invalidDate;\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const invalid = isInvalid || !parsedValue || !parsedValue.isValid();\n\n    return invalid\n      ? ''\n      : parsedValue\n          .locale(this.args.locale || 'en')\n          .format(this.args.dateFormat);\n  }\n\n  get roundingLabel() {\n    //@ts-expect-error\n    return this.args.timeOptions.relativeRoundingLabels[this.unit[0]];\n  }\n\n  @action\n  onCountChange(e: Event) {\n    const sanitizedValue = parseInt((e.target as HTMLInputElement).value, 10);\n\n    this.count = isNaN(sanitizedValue) ? undefined : sanitizedValue;\n    this.handleChange();\n  }\n\n  @action\n  onUnitChange(unit: string) {\n    this.unit = unit as any;\n    this.handleChange();\n  }\n\n  @action\n  onRoundChange(checked: boolean) {\n    this.round = checked;\n    this.handleChange();\n  }\n\n  handleChange(e?: Event) {\n    if (this.count === undefined || this.count < 0) {\n      return;\n    }\n\n    const date = toRelativeStringFromParts({\n      count: this.count,\n      round: this.round,\n      roundUnit: this.roundUnit as any,\n      unit: this.unit\n    });\n\n    this.args.onChange(date, e);\n  }\n\n  <template>\n    <EuiForm class=\"euiDatePopoverContent__padded\">\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFormRow>\n            <EuiFieldNumber\n              @compressed={{true}}\n              @value={{this.count}}\n              @min=\"0\"\n              {{on \"input\" this.onCountChange}}\n            />\n          </EuiFormRow>\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect\n            @compressed={{true}}\n            @value={{this.unit}}\n            @options={{@timeOptions.relativeOptions}}\n            {{on \"change\" (pick \"target.value\" this.onUnitChange)}}\n          />\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiSpacer @size=\"s\" />\n      <EuiFieldText\n        @compressed={{true}}\n        @value={{this.formattedValue}}\n        @readOnly={{true}}\n      >\n        <:prepend>\n          <EuiFormLabel>{{@labelPrefix}}</EuiFormLabel>\n        </:prepend>\n      </EuiFieldText>\n    </EuiForm>\n    <EuiPopoverFooter @paddingSize=\"s\">\n      <EuiSwitch\n        @label={{this.roundingLabel}}\n        @checked={{this.round}}\n        @onChange={{pick \"target.checked\" this.onRoundChange}}\n      />\n    </EuiPopoverFooter>\n  </template>\n}\n"],"names":["RelativeTab","Component","g","prototype","tracked","i","void 0","roundUnit","constructor","owner","args","parsed","parseRelativeParts","value","count","unit","round","formattedValue","invalidDate","INVALID_DATE","invalidValue","undefined","isInvalid","parsedValue","dateMath","parse","roundUp","invalid","isValid","locale","format","dateFormat","roundingLabel","timeOptions","relativeRoundingLabels","onCountChange","e","sanitizedValue","parseInt","target","isNaN","handleChange","n","action","onUnitChange","onRoundChange","checked","date","toRelativeStringFromParts","onChange","setComponentTemplate","precompileTemplate","strictMode","scope","EuiForm","EuiFlexGroup","EuiFlexItem","EuiFormRow","EuiFieldNumber","on","EuiSelect","pick","EuiSpacer","EuiFieldText","EuiFormLabel","EuiPopoverFooter","EuiSwitch"],"mappings":"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"}
+{"version":3,"file":"relative-tab.js","sources":["../../../../src/components/eui-super-date-picker/date-popover/relative-tab.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\n\nimport dateMath from '@elastic/datemath';\nimport pick from '@nullvoxpopuli/ember-composable-helpers/helpers/pick';\n\nimport EuiFieldNumber from '../../eui-field-number.gts';\nimport EuiFieldText from '../../eui-field-text.gts';\nimport EuiFlexGroup from '../../eui-flex-group.gts';\nimport EuiFlexItem from '../../eui-flex-item.gts';\nimport EuiForm from '../../eui-form.gts';\nimport EuiFormLabel from '../../eui-form-label.gts';\nimport EuiFormRow from '../../eui-form-row.gts';\nimport EuiPopoverFooter from '../../eui-popover-footer.gts';\nimport EuiSelect from '../../eui-select.gts';\nimport EuiSpacer from '../../eui-spacer.gts';\nimport EuiSwitch from '../../eui-switch.gts';\nimport { INVALID_DATE, toRelativeStringFromParts } from '../utils/index.ts';\nimport { parseRelativeParts } from '../utils/index.ts';\n\nimport type { TimeOptions } from '../utils/time-options.ts';\nimport type { LocaleSpecifier } from 'moment';\n\ninterface RelativeTabArgs {\n  /** moment format of absolute dates. */\n  dateFormat: string;\n  /** moment locale. */\n  locale?: LocaleSpecifier;\n  /** The date (date math or ISO date). */\n  value: string;\n  /** Called with the new value. */\n  onChange: (value: string, event?: Event) => void;\n  /** Rounds relative dates up (for the end of a range). */\n  roundUp?: boolean;\n  /** `'start'` or `'end'` of the range. */\n  position: 'start' | 'end';\n  /** Prefix of the input labels, e.g. \"Start date\". */\n  labelPrefix: string;\n  /** Time units and tenses for the quick select. */\n  timeOptions: TimeOptions;\n}\n\n/** @private The \"Relative\" tab of the date popover. */\nexport interface RelativeTabSignature {\n  Args: RelativeTabArgs;\n}\n\nexport default class RelativeTab extends Component<RelativeTabSignature> {\n  @tracked count?: number;\n  @tracked unit: any = 'm';\n  @tracked round = false;\n\n  roundUnit;\n\n  constructor(owner: Owner, args: RelativeTabArgs) {\n    super(owner, args);\n\n    const parsed = parseRelativeParts(this.args.value);\n\n    if (parsed) {\n      this.count = parsed.count;\n      this.unit = parsed.unit as any;\n      this.round = parsed.round;\n      this.roundUnit = parsed.roundUnit;\n    }\n  }\n\n  get formattedValue() {\n    const invalidDate = this.args.value === INVALID_DATE;\n    const invalidValue = this.count === undefined || this.count < 0;\n    const isInvalid = invalidValue || invalidDate;\n    const parsedValue = dateMath.parse(this.args.value, {\n      roundUp: this.args.roundUp\n    });\n    const invalid = isInvalid || !parsedValue || !parsedValue.isValid();\n\n    return invalid\n      ? ''\n      : parsedValue\n          .locale(this.args.locale || 'en')\n          .format(this.args.dateFormat);\n  }\n\n  get roundingLabel() {\n    //@ts-expect-error\n    return this.args.timeOptions.relativeRoundingLabels[this.unit[0]];\n  }\n\n  @action\n  onCountChange(e: Event) {\n    const sanitizedValue = parseInt((e.target as HTMLInputElement).value, 10);\n\n    this.count = isNaN(sanitizedValue) ? undefined : sanitizedValue;\n    this.handleChange();\n  }\n\n  @action\n  onUnitChange(unit: string) {\n    this.unit = unit as any;\n    this.handleChange();\n  }\n\n  @action\n  onRoundChange(checked: boolean) {\n    this.round = checked;\n    this.handleChange();\n  }\n\n  handleChange(e?: Event) {\n    if (this.count === undefined || this.count < 0) {\n      return;\n    }\n\n    const date = toRelativeStringFromParts({\n      count: this.count,\n      round: this.round,\n      roundUnit: this.roundUnit as any,\n      unit: this.unit\n    });\n\n    this.args.onChange(date, e);\n  }\n\n  <template>\n    <EuiForm class=\"euiDatePopoverContent__padded\">\n      <EuiFlexGroup @gutterSize=\"s\" @responsive={{false}}>\n        <EuiFlexItem>\n          <EuiFormRow>\n            <EuiFieldNumber\n              @compressed={{true}}\n              @value={{this.count}}\n              @min=\"0\"\n              {{on \"input\" this.onCountChange}}\n            />\n          </EuiFormRow>\n        </EuiFlexItem>\n        <EuiFlexItem>\n          <EuiSelect\n            @compressed={{true}}\n            @value={{this.unit}}\n            @options={{@timeOptions.relativeOptions}}\n            {{on \"change\" (pick \"target.value\" this.onUnitChange)}}\n          />\n        </EuiFlexItem>\n      </EuiFlexGroup>\n      <EuiSpacer @size=\"s\" />\n      <EuiFieldText\n        @compressed={{true}}\n        @value={{this.formattedValue}}\n        @readOnly={{true}}\n      >\n        <:prepend>\n          <EuiFormLabel>{{@labelPrefix}}</EuiFormLabel>\n        </:prepend>\n      </EuiFieldText>\n    </EuiForm>\n    <EuiPopoverFooter @paddingSize=\"s\">\n      <EuiSwitch\n        @label={{this.roundingLabel}}\n        @checked={{this.round}}\n        @onChange={{pick \"target.checked\" this.onRoundChange}}\n      />\n    </EuiPopoverFooter>\n  </template>\n}\n"],"names":["RelativeTab","Component","g","prototype","tracked","i","roundUnit","constructor","owner","args","parsed","parseRelativeParts","value","count","unit","round","formattedValue","invalidDate","INVALID_DATE","invalidValue","undefined","isInvalid","parsedValue","dateMath","parse","roundUp","invalid","isValid","locale","format","dateFormat","roundingLabel","timeOptions","relativeRoundingLabels","onCountChange","e","sanitizedValue","parseInt","target","isNaN","handleChange","n","action","onUnitChange","onRoundChange","checked","date","toRelativeStringFromParts","onChange","setComponentTemplate","precompileTemplate","strictMode","scope","EuiForm","EuiFlexGroup","EuiFlexItem","EuiFormRow","EuiFieldNumber","on","EuiSelect","pick","EuiSpacer","EuiFieldText","EuiFormLabel","EuiPopoverFooter","EuiSwitch"],"mappings":"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"}

package/dist/components/eui-super-date-picker/eui-date-picker-range.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiDatePickerRange = setComponentTemplate(precompileTemplate("\n    <div class={{classNames \"euiDatePickerRange\" (if @readOnly \"euiDatePickerRange--readOnly\") (if @fullWidth \"euiDatePickerRange--fullWidth\") (if @isInvalid \"euiDatePickerRange--isInvalid\") (if @disabled \"euiDatePickerRange--isDisabled\") @className}} ...attributes>\n      {{yield to=\"startDateControl\"}}\n\n      <span class=\"euiDatePickerRange__delimeter\">\n        <EuiIcon @color={{if @isInvalid \"danger\" \"subdued\"}} @type={{if @isInvalid \"warning\" \"sortRight\"}} />\n      </span>\n\n      {{yield to=\"endDateControl\"}}\n    </div>\n  ", {
+const EuiDatePickerRange = setComponentTemplate(precompileTemplate("<div class={{classNames \"euiDatePickerRange\" (if @readOnly \"euiDatePickerRange--readOnly\") (if @fullWidth \"euiDatePickerRange--fullWidth\") (if @isInvalid \"euiDatePickerRange--isInvalid\") (if @disabled \"euiDatePickerRange--isDisabled\") @className}} ...attributes>\n  {{yield to=\"startDateControl\"}}\n\n  <span class=\"euiDatePickerRange__delimeter\">\n    <EuiIcon @color={{if @isInvalid \"danger\" \"subdued\"}} @type={{if @isInvalid \"warning\" \"sortRight\"}} />\n  </span>\n\n  {{yield to=\"endDateControl\"}}\n</div>", {
   strictMode: true,
   scope: () => ({
     classNames,

package/dist/components/eui-super-date-picker/eui-date-picker-range.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-date-picker-range.js","sources":["../../../src/components/eui-super-date-picker/eui-date-picker-range.gts"],"sourcesContent":["import classNames from '../../helpers/class-names.ts';\nimport EuiIcon from '../eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiDatePickerRangeSignature {\n  Element: HTMLDivElement;\n  Args: {\n    fullWidth?: boolean;\n    readOnly?: boolean;\n    isInvalid?: boolean;\n    disabled?: boolean;\n    className?: string;\n  };\n  Blocks: {\n    startDateControl: [];\n    endDateControl: [];\n  };\n}\n\nconst EuiDatePickerRange: TemplateOnlyComponent<EuiDatePickerRangeSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiDatePickerRange\"\n        (if @readOnly \"euiDatePickerRange--readOnly\")\n        (if @fullWidth \"euiDatePickerRange--fullWidth\")\n        (if @isInvalid \"euiDatePickerRange--isInvalid\")\n        (if @disabled \"euiDatePickerRange--isDisabled\")\n        @className\n      }}\n      ...attributes\n    >\n      {{yield to=\"startDateControl\"}}\n\n      <span class=\"euiDatePickerRange__delimeter\">\n        <EuiIcon\n          @color={{if @isInvalid \"danger\" \"subdued\"}}\n          @type={{if @isInvalid \"warning\" \"sortRight\"}}\n        />\n      </span>\n\n      {{yield to=\"endDateControl\"}}\n    </div>\n  </template>;\n\nexport default EuiDatePickerRange;\n"],"names":["EuiDatePickerRange","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiIcon","templateOnly"],"mappings":";;;;;;AAoBA,MAAMA,kBACJ,GAAAC,oBAAA,CAAAC,kBAAA,CAuBA,wjBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-date-picker-range.js","sources":["../../../src/components/eui-super-date-picker/eui-date-picker-range.gts"],"sourcesContent":["import classNames from '../../helpers/class-names.ts';\nimport EuiIcon from '../eui-icon.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** @private Two date controls with an arrow between them. */\nexport interface EuiDatePickerRangeSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** Stretches to the container's width. */\n    fullWidth?: boolean;\n    /** Read-only styling. */\n    readOnly?: boolean;\n    /** Invalid styling. */\n    isInvalid?: boolean;\n    /** Disabled styling. */\n    disabled?: boolean;\n    /** Extra class(es). */\n    className?: string;\n  };\n  Blocks: {\n    startDateControl: [];\n    endDateControl: [];\n  };\n}\n\nconst EuiDatePickerRange: TemplateOnlyComponent<EuiDatePickerRangeSignature> =\n  <template>\n    <div\n      class={{classNames\n        \"euiDatePickerRange\"\n        (if @readOnly \"euiDatePickerRange--readOnly\")\n        (if @fullWidth \"euiDatePickerRange--fullWidth\")\n        (if @isInvalid \"euiDatePickerRange--isInvalid\")\n        (if @disabled \"euiDatePickerRange--isDisabled\")\n        @className\n      }}\n      ...attributes\n    >\n      {{yield to=\"startDateControl\"}}\n\n      <span class=\"euiDatePickerRange__delimeter\">\n        <EuiIcon\n          @color={{if @isInvalid \"danger\" \"subdued\"}}\n          @type={{if @isInvalid \"warning\" \"sortRight\"}}\n        />\n      </span>\n\n      {{yield to=\"endDateControl\"}}\n    </div>\n  </template>;\n\nexport default EuiDatePickerRange;\n"],"names":["EuiDatePickerRange","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","EuiIcon","templateOnly"],"mappings":";;;;;;AA0BA,MAAMA,kBAA0C,GAAAC,oBAAA,CAC9CC,kBAAA,CAAA,shBAAA,EAuBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-super-date-picker/eui-quick-select-popover/eui-commonly-used-time-ranges.js

@@ -10,7 +10,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const EuiCommonlyUsedTimeRanges = setComponentTemplate(precompileTemplate("\n    {{#let (randomId) as |legendId|}}\n      <fieldset>\n        <EuiTitle id={{legendId}} @tagName=\"legend\" @size=\"xxxs\">\n          <EuiI18n @token=\"euiCommonlyUsedTimeRanges.legend\" @default=\"Commonly used\" as |Token|>\n            <Token as |value|>\n              {{value}}\n            </Token>\n          </EuiI18n>\n        </EuiTitle>\n        <div class=\"euiQuickSelectPopover__section\">\n          <EuiFlexGrid aria-labelledby={{legendId}} @gutterSize=\"s\" @columns={{2}} @direction=\"column\" @responsive={{false}} @tagName=\"ul\">\n            {{#each @commonlyUsedRanges as |range|}}\n              <EuiFlexItem class=\"euiQuickSelectPopover__sectionItem\" @tagName=\"li\">\n                <EuiLink {{on \"click\" (fn @applyTime (hash start=range.start end=range.end))}}>\n                  {{range.label}}\n                </EuiLink>\n              </EuiFlexItem>\n            {{/each}}\n          </EuiFlexGrid>\n        </div>\n      </fieldset>\n    {{/let}}\n  ", {
+const EuiCommonlyUsedTimeRanges = setComponentTemplate(precompileTemplate("{{#let (randomId) as |legendId|}}\n  <fieldset>\n    <EuiTitle id={{legendId}} @tagName=\"legend\" @size=\"xxxs\">\n      <EuiI18n @token=\"euiCommonlyUsedTimeRanges.legend\" @default=\"Commonly used\" as |Token|>\n        <Token as |value|>\n          {{value}}\n        </Token>\n      </EuiI18n>\n    </EuiTitle>\n    <div class=\"euiQuickSelectPopover__section\">\n      <EuiFlexGrid aria-labelledby={{legendId}} @gutterSize=\"s\" @columns={{2}} @direction=\"column\" @responsive={{false}} @tagName=\"ul\">\n        {{#each @commonlyUsedRanges as |range|}}\n          <EuiFlexItem class=\"euiQuickSelectPopover__sectionItem\" @tagName=\"li\">\n            <EuiLink {{on \"click\" (fn @applyTime (hash start=range.start end=range.end))}}>\n              {{range.label}}\n            </EuiLink>\n          </EuiFlexItem>\n        {{/each}}\n      </EuiFlexGrid>\n    </div>\n  </fieldset>\n{{/let}}", {
   strictMode: true,
   scope: () => ({
     randomId,