@agorapulse/ui-components 22.4.4-beta.1 → 22.4.4-beta.2

package/types/agorapulse-ui-components-datepicker.d.ts

@@ -345,17 +345,14 @@ declare class DatepickerSelectComponent implements FormValueControl<DatepickerVa
      */
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /**
-     * dayjs format of the displayed text. Defaults to `'MM/DD/YYYY'`, which needs no plugin: the
-     * localized tokens (`ll`, `LL`) assume the host application loaded `dayjs/plugin/localizedFormat`.
-     */
-    readonly dateFormat: _angular_core.InputSignal<string>;
-    /**
-     * Writes a complete period's text in Range mode, in place of `dateFormat` on each end — for what a
-     * dayjs pattern cannot express, such as `Intl.DateTimeFormat#formatRange`, which orders the day and
-     * the month as the locale does and writes what both ends share once ("Mar 2 – 15"). A one-day
-     * period comes in as is.
+     * How the field writes its dates, in every mode: a dayjs pattern, or `Intl.DateTimeFormat` options
+     * for the locale's own wording — with options, a period is written by `formatRange`, which writes
+     * what both ends share once ("Mar 2 – 15").
+     *
+     * Defaults to `'MM/DD/YYYY'`, which needs no plugin: the localized dayjs tokens (`ll`, `LL`) assume
+     * the host application loaded `dayjs/plugin/localizedFormat`.
      */
-    readonly formatPeriod: _angular_core.InputSignal<((period: Required<Period>) => string) | undefined>;
+    readonly dateFormat: _angular_core.InputSignal<string | Intl.DateTimeFormatOptions>;
     readonly locale: _angular_core.InputSignal<Locale>;
     readonly firstDayOfWeek: _angular_core.InputSignal<FirstDayOfWeek>;
     /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
@@ -404,6 +401,8 @@ declare class DatepickerSelectComponent implements FormValueControl<DatepickerVa
         endDate?: dayjs.Dayjs;
     }>;
     protected readonly hasValue: _angular_core.Signal<boolean>;
+    /** `dateFormat` applied, built once per format and locale rather than per date written. */
+    private readonly writer;
     /** The field's text: a one-day period reads as that day. Empty in Multiple, where the field shows chips instead. */
     readonly displayed: _angular_core.Signal<string>;
     /** The chips shown in Multiple mode, one per selected date. */
@@ -424,7 +423,7 @@ declare class DatepickerSelectComponent implements FormValueControl<DatepickerVa
     /** True when nothing is left to pick — the panel's own closing criterion. */
     private isComplete;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatepickerSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerSelectComponent, "ap-datepicker-select", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "panelHint": { "alias": "panelHint"; "required": false; "isSignal": true; }; "panelFooter": { "alias": "panelFooter"; "required": false; "isSignal": true; }; "canSelect": { "alias": "canSelect"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "formatPeriod": { "alias": "formatPeriod"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "selectionChange": "selectionChange"; "selectionRejected": "selectionRejected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerSelectComponent, "ap-datepicker-select", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "panelHint": { "alias": "panelHint"; "required": false; "isSignal": true; }; "panelFooter": { "alias": "panelFooter"; "required": false; "isSignal": true; }; "canSelect": { "alias": "canSelect"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "selectionChange": "selectionChange"; "selectionRejected": "selectionRejected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 export { DatepickerComponent, DatepickerDropdownComponent, DatepickerMode, DatepickerMonthPickerComponent, DatepickerSelectComponent, assertValueMatchesMode, defaultDatepickerPresets, isPeriod };