@dereekb/dbx-form 9.25.7 → 9.25.8

package/fesm2015/dereekb-dbx-form.mjs

@@ -44,7 +44,7 @@ import * as i6 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatListModule } from '@angular/material/list';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
-import { skipUntilTimeElapsedAfterLastEmission, toJsDate, parseISO8601DayStringToDate, formatToISO8601DateString, formatToISO8601DayString, isSameDateHoursAndMinutes, safeToJsDate, guessCurrentTimezone, dateTimezoneUtcNormal, toLocalReadableTimeString, getTimezoneAbbreviation, isSameDateDay, utcDayForDate, readableTimeStringToDate, findMinDate, dateFromLogicalDate, findMaxDate, dateTimeMinuteDecisionFunction, DateTimeMinuteInstance, limitDateTimeInstance, isSameDateDayRange, dateRange, clampDateRangeToDateRange, isDateInDateRange, isSameDateRange, allTimezoneInfos, timezoneInfoForSystem, searchTimezoneInfos } from '@dereekb/date';
+import { skipUntilTimeElapsedAfterLastEmission, toJsDate, parseISO8601DayStringToDate, formatToISO8601DateString, formatToISO8601DayString, isSameDateHoursAndMinutes, safeToJsDate, guessCurrentTimezone, dateTimezoneUtcNormal, toJsDayDate, isSameDateDay, toLocalReadableTimeString, getTimezoneAbbreviation, utcDayForDate, readableTimeStringToDate, findMinDate, dateFromLogicalDate, findMaxDate, dateTimeMinuteDecisionFunction, DateTimeMinuteInstance, isSameDate, limitDateTimeInstance, isSameDateDayRange, dateRange, clampDateRangeToDateRange, isDateInDateRange, isSameDateRange, allTimezoneInfos, timezoneInfoForSystem, searchTimezoneInfos } from '@dereekb/date';
 import { FieldType as FieldType$2, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
 import * as i3$3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
@@ -3756,6 +3756,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         this._config = new BehaviorSubject(undefined);
         this._syncConfigObs = new BehaviorSubject(undefined);
         this._defaultTimezone = new BehaviorSubject(undefined);
+        this._timeDate = new BehaviorSubject(undefined);
         this._presets = new BehaviorSubject(of([]));
         this._fullDayControlObs = new BehaviorSubject(undefined);
         this.fullDayControl$ = this._fullDayControlObs.pipe(filterMaybe());
@@ -3767,6 +3768,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
             return defaultTimezone !== null && defaultTimezone !== void 0 ? defaultTimezone : guessCurrentTimezone();
         }), distinctUntilChanged(), shareReplay(1));
         this.timezoneInstance$ = this.timezone$.pipe(map((timezone) => (timezone ? dateTimezoneUtcNormal({ timezone }) : undefined)), shareReplay(1));
+        this.timeDate$ = this._timeDate.pipe(switchMapMaybeDefault(), map((x) => (x ? toJsDayDate(x) : undefined)), distinctUntilChanged(isSameDateDay), shareReplay(1));
         this.valueInSystemTimezone$ = this.formControl$.pipe(map((control) => control.valueChanges.pipe(startWith(control.value), shareReplay(1))), combineLatestWith(this.timezoneInstance$), switchMap(([x, timezoneInstance]) => {
             return x.pipe(map(dbxDateTimeInputValueParseFactory(this.valueMode, timezoneInstance)));
         }), throttleTime(20, undefined, { leading: false, trailing: true }), // throttle incoming values and timezone changes
@@ -3786,7 +3788,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         this.showTimeInput$ = this.fullDay$.pipe(map((x) => !x && this.timeMode !== DbxDateTimeFieldTimeMode.NONE));
         this.showAddTime$ = this.showTimeInput$.pipe(map((x) => !x && this.timeMode === DbxDateTimeFieldTimeMode.OPTIONAL), shareReplay(1));
         this.date$ = this.dateInputCtrl.valueChanges.pipe(startWith(this.dateInputCtrl.value), filterMaybe(), shareReplay(1));
-        this.timezoneAbbreviation$ = combineLatest([this.date$, this.timezone$]).pipe(map(([date, timezone]) => getTimezoneAbbreviation(timezone, date)), distinctUntilChanged(), shareReplay(1));
+        this.timezoneAbbreviation$ = combineLatest([this.date$, this.timezone$, this.timeDate$]).pipe(map(([date, timezone, timeDate]) => getTimezoneAbbreviation(timezone, timeDate !== null && timeDate !== void 0 ? timeDate : date)), distinctUntilChanged(), shareReplay(1));
         this.dateValue$ = merge(this.date$, this.valueInSystemTimezone$.pipe(skipFirstMaybe())).pipe(map((x) => (x ? startOfDay(x) : null)), distinctUntilChanged(isSameDateDay), shareReplay(1));
         this.timeInput$ = this._updateTime.pipe(debounceTime(5), map(() => this.timeInputCtrl.value || ''), distinctUntilChanged());
         this.syncConfigObs$ = this._syncConfigObs.pipe(switchMapMaybeDefault(), shareReplay(1));
@@ -3813,11 +3815,11 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         // TODO: Get min/max using the DateTimePickerConfiguration too
         this.dateInputMin$ = this.syncConfigBeforeValue$;
         this.dateInputMax$ = this.syncConfigAfterValue$;
-        this.rawDateTime$ = combineLatest([this.dateValue$, this.timeInput$.pipe(startWith(null)), this.fullDay$]).pipe(map(([date, timeString, fullDay]) => {
+        this.rawDateTime$ = combineLatest([this.dateValue$, this.timeInput$.pipe(startWith(null)), this.fullDay$, this.timeDate$]).pipe(map(([date, timeString, fullDay, timeDate]) => {
             var _a;
             let result;
-            if (!date && this.timeOnly) {
-                date = new Date();
+            if (!date || this.timeOnly) {
+                date = timeDate !== null && timeDate !== void 0 ? timeDate : new Date(); // use the time date, or default to the current day
             }
             if (date) {
                 if (fullDay) {
@@ -3835,7 +3837,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
                             useSystemTimezone: true
                         })) !== null && _a !== void 0 ? _a : date;
                 }
-                else {
+                else if (!this.timeOnly) {
                     result = date;
                 }
             }
@@ -3866,7 +3868,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         this.timeOutput$ = combineLatest([this.rawDateTime$, this._offset, this.config$]).pipe(throttleTime(TIME_OUTPUT_THROTTLE_TIME$1, undefined, { leading: false, trailing: true }), distinctUntilChanged((current, next) => current[0] === next[0] && next[1] === 0), tap(([, stepsOffset]) => (stepsOffset ? this._offset.next(0) : 0)), map(([date, stepsOffset, config]) => {
             if (date != null) {
                 const instance = new DateTimeMinuteInstance(Object.assign(Object.assign({ date }, config), { roundDownToMinute: true }));
-                date = instance.limit(date);
+                date = instance.clamp(date);
                 const minutes = stepsOffset * 5;
                 date = addMinutes(date, minutes);
             }
@@ -3930,6 +3932,9 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
     get timezone() {
         return this.field.props.timezone;
     }
+    get timeDate() {
+        return this.field.props.timeDate;
+    }
     get showTimezone() {
         var _a;
         return (_a = this.field.props.showTimezone) !== null && _a !== void 0 ? _a : true;
@@ -3952,17 +3957,35 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
             this.formControl.markAsDirty();
             this.formControl.markAsTouched();
         });
+        let hasSetMidnightFromInput = false;
+        /*
         this._valueSub.subscription = this.timeString$.subscribe((x) => {
-            // Skip events where the timeInput value is cleared.
-            if (!this.timeInputCtrl.value && x === '12:00AM') {
+          this.setTime(x);
+        });
+        */
+        this._valueSub.subscription = this.valueInSystemTimezone$
+            .pipe(map((x) => (x ? isSameDate(x, startOfDay(x)) : false)), distinctUntilChanged(), switchMap((isInputValueAtMidnight) => {
+            hasSetMidnightFromInput = false;
+            return this.timeString$.pipe(
+            // skip(1),
+            map((timeString) => [timeString, isInputValueAtMidnight]));
+        }))
+            .subscribe(([x, isInputValueAtMidnight]) => {
+            // Skip events where the timeInput value is cleared, unless the input value is at midnight and we've already processed it being at midnight
+            if (!this.timeInputCtrl.value && x === '12:00AM' && (!isInputValueAtMidnight || (isInputValueAtMidnight && hasSetMidnightFromInput))) {
                 return;
             }
+            // update the has set flag
+            if (x === '12:00AM' && isInputValueAtMidnight) {
+                hasSetMidnightFromInput = true;
+            }
             this.setTime(x);
         });
         // Set default timezone if provided.
         if (this.timezone && !this.dateTimeField.fullDayInUTC) {
             this._defaultTimezone.next(asObservableFromGetter(this.timezone));
         }
+        this._timeDate.next(asObservableFromGetter(this.timeDate));
         // Watch for disabled changes so we can propogate them properly.
         this.formControl.registerOnDisabledChange((disabled) => {
             if (disabled) {
@@ -4012,6 +4035,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         this._valueSub.destroy();
         this._config.complete();
         this._defaultTimezone.complete();
+        this._timeDate.complete();
         this._presets.complete();
         this._fullDayControlObs.complete();
         this._offset.complete();
@@ -4049,9 +4073,11 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         this.setTime(timeString);
     }
     setTime(time) {
-        this.timeInputCtrl.setValue(time);
-        this._offset.next(0);
-        this._updateTime.next();
+        if (this.timeInputCtrl.value !== time) {
+            this.timeInputCtrl.setValue(time);
+            this._offset.next(0);
+            this._updateTime.next();
+        }
     }
     keydownOnDateInput(event) {
         var _a;
@@ -4712,7 +4738,7 @@ function timeOnlyField(config = {}) {
     return dateTimeField(Object.assign(Object.assign({}, config), { timeMode: DbxDateTimeFieldTimeMode.REQUIRED, timeOnly: true }));
 }
 function dateTimeField(config = {}) {
-    const { key = 'date', dateLabel, timeLabel, allDayLabel, atTimeLabel, timezone, showTimezone, timeMode = DbxDateTimeFieldTimeMode.REQUIRED, valueMode, fullDayInUTC, fullDayFieldName, pickerConfig, getConfigObs, getSyncFieldsObs, hideDatePicker, hideDateHint, timeOnly = false, presets, materialFormField } = config;
+    const { key = 'date', dateLabel, timeLabel, allDayLabel, atTimeLabel, timeDate, timezone, showTimezone, timeMode = DbxDateTimeFieldTimeMode.REQUIRED, valueMode, fullDayInUTC, fullDayFieldName, pickerConfig, getConfigObs, getSyncFieldsObs, hideDatePicker, hideDateHint, timeOnly = false, presets, materialFormField } = config;
     const fieldConfig = formlyField(Object.assign({ key, type: 'datetime' }, propsAndConfigForFieldConfig(config, Object.assign(Object.assign({}, materialFormField), { appearance: 'standard', dateLabel,
         timeLabel,
         allDayLabel,
@@ -4720,6 +4746,7 @@ function dateTimeField(config = {}) {
         valueMode,
         timeOnly,
         presets, timeMode: timeOnly ? DbxDateTimeFieldTimeMode.REQUIRED : timeMode, timezone,
+        timeDate,
         showTimezone,
         fullDayFieldName,
         fullDayInUTC,
@@ -4734,16 +4761,16 @@ function dateTimeField(config = {}) {
 }
 function dateRangeField(config = {}) {
     var _a, _b, _c;
-    const { required: inputRequired, start, end, timezone, showTimezone, presets } = config;
+    const { required: inputRequired, start, end, timeDate, timezone, showTimezone, presets } = config;
     const required = (_a = inputRequired !== null && inputRequired !== void 0 ? inputRequired : start === null || start === void 0 ? void 0 : start.required) !== null && _a !== void 0 ? _a : false;
     const startFieldKey = (_b = start === null || start === void 0 ? void 0 : start.key) !== null && _b !== void 0 ? _b : 'start';
     const endFieldKey = (_c = end === null || end === void 0 ? void 0 : end.key) !== null && _c !== void 0 ? _c : 'end';
-    const startField = dateTimeField(Object.assign(Object.assign({ dateLabel: 'Start', timeMode: DbxDateTimeFieldTimeMode.NONE, getSyncFieldsObs: () => of([{ syncWith: endFieldKey, syncType: 'after' }]), presets, allDayLabel: '' }, start), { timezone,
-        showTimezone,
-        required, key: startFieldKey }));
-    const endField = dateTimeField(Object.assign(Object.assign({ dateLabel: 'End', timeMode: DbxDateTimeFieldTimeMode.NONE, getSyncFieldsObs: () => of([{ syncWith: startFieldKey, syncType: 'before' }]), presets, allDayLabel: '' }, end), { timezone,
-        showTimezone,
-        required, key: endFieldKey }));
+    const startField = dateTimeField(Object.assign(Object.assign({ dateLabel: 'Start', timeMode: DbxDateTimeFieldTimeMode.NONE, getSyncFieldsObs: () => of([{ syncWith: endFieldKey, syncType: 'after' }]), presets, allDayLabel: '', timeDate,
+        timezone,
+        showTimezone }, start), { required, key: startFieldKey }));
+    const endField = dateTimeField(Object.assign(Object.assign({ dateLabel: 'End', timeMode: DbxDateTimeFieldTimeMode.NONE, getSyncFieldsObs: () => of([{ syncWith: startFieldKey, syncType: 'before' }]), presets, allDayLabel: '', timeDate,
+        timezone,
+        showTimezone }, end), { required, key: endFieldKey }));
     return {
         key: undefined,
         fieldGroup: [flexLayoutWrapper([startField, endField], { size: 1, relative: true })]
@@ -4751,7 +4778,7 @@ function dateRangeField(config = {}) {
 }
 function dateTimeRangeField(inputConfig = {}) {
     var _a, _b;
-    const { required = false, start: inputStart, end: inputEnd, timezone, showTimezone, presets } = inputConfig;
+    const { required = false, start: inputStart, end: inputEnd, timezone, timeDate, showTimezone, presets } = inputConfig;
     function dateTimeRangeFieldConfig(config) {
         return Object.assign(Object.assign({}, config), { required, timeMode: DbxDateTimeFieldTimeMode.REQUIRED, getSyncFieldsObs: undefined, timeOnly: true, hideDateHint: true });
     }
@@ -4761,6 +4788,7 @@ function dateTimeRangeField(inputConfig = {}) {
     const end = Object.assign(Object.assign({ label: 'End Time' }, dateTimeRangeFieldConfig(inputEnd)), { key: endKey });
     const config = {
         timezone,
+        timeDate,
         showTimezone,
         presets,
         start,