@ionic/core 9.0.11-dev.11793736984.1580a194 → 9.0.11-dev.11793792571.1765ff65

package/dist/esm/ion-datetime-button.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, c as printIonError, h, f as Host, g as getElemen
 import { f as addEventListener, c as componentOnReady } from './helpers-B_F2b1gy.js';
 import { c as createColorClasses } from './theme-BUF_V-Kg.js';
 import { c as getIonTheme } from './ionic-global-DSbFWXp3.js';
-import { E as parseDate, d as getHourCycle, P as getLocalizedDateTime, O as getLocalizedTime, l as isAfter } from './format-DUHrIiJq.js';
+import { D as parseDate, d as getHourCycle, P as getLocalizedDateTime, O as getLocalizedTime } from './format-NT7iHsbA.js';
 import './index-ZjP4CjeZ.js';
 import './focus-visible-BYk20Mf5.js';
 import './dir-Dj4J3LkD.js';
@@ -52,7 +52,7 @@ const DatetimeButton = class {
             if (!datetimeEl) {
                 return;
             }
-            const { value, locale, formatOptions, hourCycle, preferWheel, multiple, selectionMode, titleSelectedDatesFormatter, } = datetimeEl;
+            const { value, locale, formatOptions, hourCycle, preferWheel, multiple, titleSelectedDatesFormatter } = datetimeEl;
             const parsedValues = this.getParsedDateValues(value);
             /**
              * Both ion-datetime and ion-datetime-button default to today's date and
@@ -64,8 +64,6 @@ const DatetimeButton = class {
             if (!parsedDatetimes) {
                 return;
             }
-            const isRangeMode = selectionMode === 'range';
-            const isMultipleMode = selectionMode === 'multiple' || (selectionMode === undefined && multiple);
             /**
              * If developers incorrectly use multiple="true"
              * with non "date" datetimes, then just select
@@ -75,12 +73,11 @@ const DatetimeButton = class {
              */
             const firstParsedDatetime = parsedDatetimes[0];
             const computedHourCycle = getHourCycle(locale, hourCycle);
-            const dateFormatOptions = formatOptions?.date ?? { month: 'short', day: 'numeric', year: 'numeric' };
             this.dateText = this.timeText = undefined;
             switch (datetimePresentation) {
                 case 'date-time':
                 case 'time-date':
-                    const dateText = getLocalizedDateTime(locale, firstParsedDatetime, dateFormatOptions);
+                    const dateText = getLocalizedDateTime(locale, firstParsedDatetime, formatOptions?.date ?? { month: 'short', day: 'numeric', year: 'numeric' });
                     const timeText = getLocalizedTime(locale, firstParsedDatetime, computedHourCycle, formatOptions?.time);
                     if (preferWheel) {
                         this.dateText = `${dateText} ${timeText}`;
@@ -91,31 +88,7 @@ const DatetimeButton = class {
                     }
                     break;
                 case 'date':
-                    if (isRangeMode && parsedValues.length >= 2) {
-                        /**
-                         * Use the first and last entries in date order, matching
-                         * how ion-datetime reads a range value.
-                         */
-                        let startIndex = 0;
-                        let endIndex = parsedValues.length - 1;
-                        if (isAfter(parsedDatetimes[startIndex], parsedDatetimes[endIndex])) {
-                            [startIndex, endIndex] = [endIndex, startIndex];
-                        }
-                        const rangeValues = [parsedValues[startIndex], parsedValues[endIndex]];
-                        const startDate = getLocalizedDateTime(locale, parsedDatetimes[startIndex], dateFormatOptions);
-                        const endDate = getLocalizedDateTime(locale, parsedDatetimes[endIndex], dateFormatOptions);
-                        let rangeText = `${startDate} - ${endDate}`;
-                        if (titleSelectedDatesFormatter !== undefined) {
-                            try {
-                                rangeText = titleSelectedDatesFormatter(rangeValues);
-                            }
-                            catch (e) {
-                                printIonError('[ion-datetime-button] - Exception in provided `titleSelectedDatesFormatter`:', e);
-                            }
-                        }
-                        this.dateText = rangeText;
-                    }
-                    else if (isMultipleMode && parsedValues.length !== 1) {
+                    if (multiple && parsedValues.length !== 1) {
                         let headerText = `${parsedValues.length} days`; // default/fallback for multiple selection
                         if (titleSelectedDatesFormatter !== undefined) {
                             try {
@@ -128,7 +101,7 @@ const DatetimeButton = class {
                         this.dateText = headerText;
                     }
                     else {
-                        this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, dateFormatOptions);
+                        this.dateText = getLocalizedDateTime(locale, firstParsedDatetime, formatOptions?.date ?? { month: 'short', day: 'numeric', year: 'numeric' });
                     }
                     break;
                 case 'time':
@@ -365,11 +338,11 @@ const DatetimeButton = class {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'e022c5c280d4f889c1ba7ca3e96b38063c5add30', class: createColorClasses(color, {
+        return (h(Host, { key: '73ba9456313d46e63db37c48b23b38e8e1f88ec6', class: createColorClasses(color, {
                 [theme]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (h("button", { key: 'b1267d98cefbce7666b0cafa083c42f3116e2398', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '3fdfa6adf73ee1e35cdb7f318f1d1ddcf4ab4d7b', name: "date-target" }, dateText), theme === 'md' && h("ion-ripple-effect", { key: 'a832d63c77fffe8d7e0d28827bbb469726373d1e' }))), timeText && (h("button", { key: 'c589bdf2b8221609713f0d3554494dd08a1f2e5b', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: '10769ddadf7933d78744facaaa153bb413ff484a', name: "time-target" }, timeText), theme === 'md' && h("ion-ripple-effect", { key: '7832de031919ddfb312528b45a3dc8e1c20edea6' })))));
+            }) }, dateText && (h("button", { key: '51f70f2d08823ccd399976c09152c278e0ef108e', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '8422d6ca39d3bdecbefe6686afb9c2bcdb271a54', name: "date-target" }, dateText), theme === 'md' && h("ion-ripple-effect", { key: 'f4c1c9c6bcdf772eb326371b9ab3795f7fbc0848' }))), timeText && (h("button", { key: '709a8bc9d0231bfc3c580bcca9065ccc66f4b7da', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: '2860f54f5a73aa3a42397a1a72619d6369a79025', name: "time-target" }, timeText), theme === 'md' && h("ion-ripple-effect", { key: '306f594bffa84fea1f5e2528cab5ee56c0364e34' })))));
     }
     get el() { return getElement(this); }
 };