@dereekb/dbx-form 9.23.28 → 9.24.1

package/lib/form/action/form.action.directive.d.ts

@@ -1,10 +1,12 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { Observable } from 'rxjs';
 import { DbxActionContextStoreSourceInstance, DbxActionValueOnTriggerResult } from '@dereekb/dbx-core';
-import { LockSet, IsModifiedFunction, IsValidFunction } from '@dereekb/rxjs';
+import { LockSet, IsModifiedFunction, IsValidFunction, ObservableOrValue } from '@dereekb/rxjs';
 import { DbxMutableForm } from '../../form/form';
+import { MapFunction } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare const APP_ACTION_FORM_DISABLED_KEY = "dbx_action_form";
+export declare type DbxActionFormMapValueFunction<T, O> = MapFunction<T, ObservableOrValue<DbxActionValueOnTriggerResult<O>>>;
 /**
  * Used with an action to bind a form to an action as it's value source.
  *
@@ -12,9 +14,9 @@ export declare const APP_ACTION_FORM_DISABLED_KEY = "dbx_action_form";
  *
  * If the source is not considered modified, the trigger will be ignored.
  */
-export declare class DbxActionFormDirective<T = object> implements OnInit, OnDestroy {
+export declare class DbxActionFormDirective<T = object, O = T> implements OnInit, OnDestroy {
     readonly form: DbxMutableForm<T>;
-    readonly source: DbxActionContextStoreSourceInstance<T, unknown>;
+    readonly source: DbxActionContextStoreSourceInstance<O, unknown>;
     readonly lockSet: LockSet;
     /**
      * Optional validator that checks whether or not the value is
@@ -25,17 +27,21 @@ export declare class DbxActionFormDirective<T = object> implements OnInit, OnDes
      * Optional function that checks whether or not the value has been modified.
      */
     dbxActionFormModified?: IsModifiedFunction<T>;
+    /**
+     * Optional function that maps the form's value to the source's value.
+     */
+    dbxActionFormMapValue?: DbxActionFormMapValueFunction<T, O>;
     private _formDisabledWhileWorking;
     private _triggeredSub;
     private _isCompleteSub;
     private _isWorkingSub;
-    constructor(form: DbxMutableForm<T>, source: DbxActionContextStoreSourceInstance<T, unknown>);
+    constructor(form: DbxMutableForm<T>, source: DbxActionContextStoreSourceInstance<O, unknown>);
     get formDisabledOnWorking(): boolean;
     set formDisabledOnWorking(formDisabledOnWorking: boolean);
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected preCheckReadyValue(value: T): Observable<boolean>;
-    protected readyValue(value: T): Observable<DbxActionValueOnTriggerResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionFormDirective<any>, [{ host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormDirective<any>, "[dbxActionForm]", never, { "dbxActionFormValidator": "dbxActionFormValidator"; "dbxActionFormModified": "dbxActionFormModified"; "formDisabledOnWorking": "formDisabledOnWorking"; }, {}, never, never, false>;
+    protected readyValue(value: T): Observable<DbxActionValueOnTriggerResult<O>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionFormDirective<any, any>, [{ host: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormDirective<any, any>, "[dbxActionForm]", never, { "dbxActionFormValidator": "dbxActionFormValidator"; "dbxActionFormModified": "dbxActionFormModified"; "dbxActionFormMapValue": "dbxActionFormMapValue"; "formDisabledOnWorking": "formDisabledOnWorking"; }, {}, never, never, false>;
 }

package/lib/formly/field/value/date/_date.scss

@@ -86,6 +86,35 @@ $dbx-datetime-row-width: 40px + ($dbx-datetime-button-spacing * 2); // times 2 f
   .dbx-datetime-hint-row {
     // margin-left: 12px;
   }
+
+  .dbx-fixeddaterange-field {
+    .mat-calendar,
+    .dbx-fixeddaterange-field-input {
+      margin: auto;
+      min-width: 240px;
+      max-width: 320px;
+    }
+  }
+
+  .dbx-fixeddaterange-field-full-width .dbx-fixeddaterange-field {
+    .mat-calendar,
+    .dbx-fixeddaterange-field-input {
+      max-width: unset;
+    }
+  }
+
+  .mat-form-field.dbx-fixeddaterange-field-input {
+    display: block;
+  }
+
+  .dbx-fixeddaterange-field-input-end {
+    opacity: 0.6;
+    pointer-events: none;
+  }
+
+  .dbx-form-fixed-date-range-field-wrapper .mat-form-field-appearance-outline .mat-form-field-infix {
+    padding: 0;
+  }
 }
 
 @mixin color($theme-config) {

package/lib/formly/field/value/date/date.field.module.d.ts

@@ -1,23 +1,24 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./datetime.field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/material/input";
-import * as i5 from "@angular/material/divider";
-import * as i6 from "@angular/material/form-field";
-import * as i7 from "@dereekb/dbx-web";
-import * as i8 from "@angular/material/button";
-import * as i9 from "@angular/material/datepicker";
-import * as i10 from "@angular/material/core";
-import * as i11 from "@angular/material/menu";
-import * as i12 from "@dereekb/dbx-core";
-import * as i13 from "@angular/material/chips";
-import * as i14 from "@angular/material/icon";
-import * as i15 from "@angular/flex-layout";
-import * as i16 from "@ngx-formly/core";
-import * as i17 from "../../wrapper/form.wrapper.module";
+import * as i2 from "./fixeddaterange.field.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/divider";
+import * as i7 from "@angular/material/form-field";
+import * as i8 from "@dereekb/dbx-web";
+import * as i9 from "@angular/material/button";
+import * as i10 from "@angular/material/datepicker";
+import * as i11 from "@angular/material/core";
+import * as i12 from "@angular/material/menu";
+import * as i13 from "@dereekb/dbx-core";
+import * as i14 from "@angular/material/chips";
+import * as i15 from "@angular/material/icon";
+import * as i16 from "@angular/flex-layout";
+import * as i17 from "@ngx-formly/core";
+import * as i18 from "../../wrapper/form.wrapper.module";
 export declare class DbxFormFormlyDateFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyDateFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyDateFieldModule, [typeof i1.DbxDateTimeFieldComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatInputModule, typeof i5.MatDividerModule, typeof i6.MatFormFieldModule, typeof i7.DbxButtonModule, typeof i8.MatButtonModule, typeof i9.MatDatepickerModule, typeof i10.MatNativeDateModule, typeof i11.MatMenuModule, typeof i3.ReactiveFormsModule, typeof i12.DbxDatePipeModule, typeof i13.MatChipsModule, typeof i14.MatIconModule, typeof i15.FlexLayoutModule, typeof i16.FormlyModule], [typeof i17.DbxFormFormlyWrapperModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFormFormlyDateFieldModule, [typeof i1.DbxDateTimeFieldComponent, typeof i2.DbxFixedDateRangeFieldComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.MatInputModule, typeof i6.MatDividerModule, typeof i7.MatFormFieldModule, typeof i8.DbxButtonModule, typeof i9.MatButtonModule, typeof i10.MatDatepickerModule, typeof i11.MatNativeDateModule, typeof i12.MatMenuModule, typeof i4.ReactiveFormsModule, typeof i13.DbxDatePipeModule, typeof i13.DbxValuePipeModule, typeof i14.MatChipsModule, typeof i15.MatIconModule, typeof i16.FlexLayoutModule, typeof i17.FormlyModule], [typeof i18.DbxFormFormlyWrapperModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFormFormlyDateFieldModule>;
 }

package/lib/formly/field/value/date/date.value.d.ts

@@ -0,0 +1,20 @@
+import { DateTimezoneUtcNormalInstance, DateRangeWithDateOrStringValue } from '@dereekb/date';
+import { ISO8601DayString, Maybe } from '@dereekb/util';
+export declare enum DbxDateTimeValueMode {
+    /**
+     * Value is returned/parsed as a Date.
+     */
+    DATE = 0,
+    /**
+     * Value is returned/parsed as an ISO8601DateString
+     */
+    DATE_STRING = 1,
+    /**
+     * Value is returned/parsed as an ISO8601DayString, relative to the current timezone.
+     */
+    DAY_STRING = 2
+}
+export declare function dbxDateTimeInputValueParseFactory(mode: DbxDateTimeValueMode, timezoneInstance: Maybe<DateTimezoneUtcNormalInstance>): (date: Maybe<Date | string>) => Maybe<Date>;
+export declare function dbxDateTimeOutputValueFactory(mode: DbxDateTimeValueMode, timezoneInstance: Maybe<DateTimezoneUtcNormalInstance>): (date: Maybe<Date>) => Maybe<Date | string>;
+export declare function dbxDateTimeIsSameDateTimeFieldValue(a: Maybe<Date | ISO8601DayString>, b: Maybe<Date | ISO8601DayString>): boolean;
+export declare function dbxDateRangeIsSameDateRangeFieldValue(a: Maybe<DateRangeWithDateOrStringValue>, b: Maybe<DateRangeWithDateOrStringValue>): boolean;

package/lib/formly/field/value/date/datetime.d.ts

@@ -0,0 +1,56 @@
+import { Getter, GetterOrValue, LogicalDate, Maybe, ReadableTimeString } from '@dereekb/util';
+/**
+ * A pair of either a logical date or a time string.
+ */
+export interface DateTimePresetValue {
+    /**
+     * Logical date to provide.
+     */
+    logicalDate?: Maybe<LogicalDate>;
+    /**
+     * Time string value. Ignored if logical date is provided.
+     */
+    timeString?: Maybe<ReadableTimeString>;
+}
+/**
+ * Configuration for a DateTimePreset
+ */
+export interface DateTimePresetConfiguration {
+    /**
+     * Label
+     */
+    label: GetterOrValue<string>;
+    /**
+     * Whether or not the value should be retrieved each time or can be cached.
+     *
+     * Only relevant if a getter is used.
+     */
+    dynamic?: boolean;
+    /**
+     * Logical time to provide.
+     */
+    logicalDate?: Maybe<GetterOrValue<LogicalDate>>;
+    /**
+     * Time string to return. Ignored if logicalDate is provided.
+     */
+    timeString?: Maybe<GetterOrValue<ReadableTimeString>>;
+}
+/**
+ * A label and value getter.
+ */
+export interface DateTimePreset {
+    /**
+     * Getter for the label
+     */
+    label: Getter<string>;
+    /**
+     * Getter for the value
+     */
+    value: Getter<DateTimePresetValue>;
+}
+/**
+ * Creates a DateTimePreset from a DateTimePresetConfiguration
+ *
+ * @param config
+ */
+export declare function dateTimePreset(config: DateTimePresetConfiguration): DateTimePreset;

package/lib/formly/field/value/date/datetime.field.component.d.ts

@@ -1,4 +1,4 @@
-import { LogicalDateStringCode, Maybe, ReadableTimeString, ArrayOrValue, ISO8601DateString, DecisionFunction, TimezoneString } from '@dereekb/util';
+import { Maybe, ReadableTimeString, ArrayOrValue, ISO8601DateString, DecisionFunction, TimezoneString, LogicalDate } from '@dereekb/util';
 import { DateTimeMinuteConfig, DateTimezoneUtcNormalInstance } from '@dereekb/date';
 import { Observable } from 'rxjs';
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
@@ -7,6 +7,9 @@ import { FieldType } from '@ngx-formly/material';
 import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { ObservableOrValueGetter } from '@dereekb/rxjs';
+import { DateTimePreset, DateTimePresetConfiguration } from './datetime';
+import { DbxDateTimeFieldMenuPresetsService } from './datetime.field.service';
+import { DbxDateTimeValueMode } from './date.value';
 import * as i0 from "@angular/core";
 export declare enum DbxDateTimeFieldTimeMode {
     /**
@@ -22,23 +25,7 @@ export declare enum DbxDateTimeFieldTimeMode {
      */
     NONE = "none"
 }
-export declare enum DbxDateTimeValueMode {
-    /**
-     * Value is returned/parsed as a Date.
-     */
-    DATE = 0,
-    /**
-     * Value is returned/parsed as an ISO8601DateString
-     */
-    DATE_STRING = 1,
-    /**
-     * Value is returned/parsed as an ISO8601DayString, relative to the current timezone.
-     */
-    DAY_STRING = 2
-}
-export declare function dbxDateTimeInputValueParseFactory(mode: DbxDateTimeValueMode, timezoneInstance: Maybe<DateTimezoneUtcNormalInstance>): (date: Maybe<Date | string>) => Maybe<Date>;
-export declare function dbxDateTimeOutputValueFactory(mode: DbxDateTimeValueMode, timezoneInstance: Maybe<DateTimezoneUtcNormalInstance>): (date: Maybe<Date>) => Maybe<Date | string>;
-export declare type DateTimePickerConfiguration = Omit<DateTimeMinuteConfig, 'date'>;
+export declare type DbxDateTimePickerConfiguration = Omit<DateTimeMinuteConfig, 'date'>;
 export declare type DbxDateTimeFieldSyncType = 'before' | 'after';
 export interface DbxDateTimeFieldSyncField {
     /**
@@ -110,9 +97,9 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
      */
     hideDatePicker?: boolean;
     /**
-     * Used for returning the configuration observable.
+     * Custom picker configuration
      */
-    getConfigObs?: () => Observable<DateTimePickerConfiguration>;
+    pickerConfig?: ObservableOrValueGetter<DbxDateTimePickerConfiguration>;
     /**
      * Used for syncing with one or more fields with a Date value.
      */
@@ -127,6 +114,16 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
      * Whether or not to display the timezone. True by default.
      */
     showTimezone?: boolean;
+    /**
+     * Custom presets to show in the dropdown.
+     */
+    presets?: ObservableOrValueGetter<DateTimePresetConfiguration[]>;
+    /**
+     * Used for returning the configuration observable.
+     *
+     * @deprecated Use pickerConfig instead.
+     */
+    getConfigObs?: ObservableOrValueGetter<DbxDateTimePickerConfiguration>;
 }
 export interface DbxDateTimeFieldSyncParsedField extends Pick<DbxDateTimeFieldSyncField, 'syncType'> {
     control: AbstractControl<Maybe<Date | ISO8601DateString>>;
@@ -134,10 +131,13 @@ export interface DbxDateTimeFieldSyncParsedField extends Pick<DbxDateTimeFieldSy
 export declare function syncConfigValueObs(parseConfigsObs: Observable<DbxDateTimeFieldSyncParsedField[]>, type: DbxDateTimeFieldSyncType): Observable<Date | null>;
 export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig<DbxDateTimeFieldProps>> implements OnInit, OnDestroy {
     private readonly cdRef;
+    private readonly dbxDateTimeFieldConfigService;
     private _sub;
     private _valueSub;
+    private _config;
+    private _syncConfigObs;
     private _defaultTimezone;
-    private _customTimezone;
+    private _presets;
     private _fullDayInputCtrl?;
     private _fullDayControlObs;
     readonly fullDayControl$: Observable<AbstractControl<boolean, boolean>>;
@@ -155,8 +155,6 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     readonly timeString$: Observable<ReadableTimeString | ''>;
     readonly dateInputCtrl: FormControl<Date | null>;
     readonly timeInputCtrl: FormControl<string | null>;
-    private _config;
-    private _syncConfigObs;
     get dateLabel(): string;
     get timeLabel(): string;
     get allDayLabel(): string;
@@ -172,7 +170,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     get hideDatePicker(): boolean;
     get timezone(): Maybe<ObservableOrValueGetter<Maybe<string>>>;
     get showTimezone(): boolean;
-    get allowChangeTimezone(): boolean;
+    get presets(): ObservableOrValueGetter<DateTimePresetConfiguration[]> | undefined;
     readonly fullDay$: Observable<boolean>;
     readonly showTimeInput$: Observable<boolean>;
     readonly showAddTime$: Observable<boolean>;
@@ -187,15 +185,17 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     readonly dateInputMin$: Observable<Date | null>;
     readonly dateInputMax$: Observable<Date | null>;
     readonly rawDateTime$: Observable<Maybe<Date>>;
-    readonly config$: Observable<Maybe<DateTimePickerConfiguration>>;
+    readonly config$: Observable<Maybe<DbxDateTimePickerConfiguration>>;
     readonly pickerFilter$: Observable<DecisionFunction<Date | null>>;
     readonly defaultPickerFilter: DecisionFunction<Date | null>;
     readonly timeOutput$: Observable<Maybe<Date>>;
-    constructor(cdRef: ChangeDetectorRef);
+    readonly presets$: Observable<DateTimePreset[]>;
+    constructor(cdRef: ChangeDetectorRef, dbxDateTimeFieldConfigService: DbxDateTimeFieldMenuPresetsService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    selectPreset(preset: DateTimePreset): void;
     datePicked(event: MatDatepickerInputEvent<Date>): void;
-    setLogicalTime(time: LogicalDateStringCode): void;
+    setLogicalTime(time: LogicalDate): void;
     setDateInputValue(date: Date): void;
     setTimeFromDate(timeDate: Date): void;
     setTime(time: ReadableTimeString): void;
@@ -209,3 +209,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDateTimeFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxDateTimeFieldComponent, "ng-component", never, {}, {}, never, never, false>;
 }
+/**
+ * @deprecated Use DbxDateTimePickerConfiguration instead.
+ */
+export declare type DateTimePickerConfiguration = DbxDateTimePickerConfiguration;

package/lib/formly/field/value/date/datetime.field.d.ts

@@ -1,27 +1,31 @@
 import { Observable } from 'rxjs';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { LabeledFieldConfig, DescriptionFieldConfig, MaterialFormFieldConfig } from '../../field';
-import { DbxDateTimeFieldProps, DateTimePickerConfiguration } from './datetime.field.component';
+import { DbxDateTimeFieldProps, DbxDateTimePickerConfiguration } from './datetime.field.component';
+import { DbxFixedDateRangeFieldProps } from './fixeddaterange.field.component';
 export interface DateTimeFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, DbxDateTimeFieldProps, MaterialFormFieldConfig {
 }
 export declare type TimeFieldConfig = Omit<DateTimeFieldConfig, 'showDate'>;
-export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DateTimePickerConfiguration>;
+export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DbxDateTimePickerConfiguration>;
 /**
  * Same as DateTime field but with the Date input hidden by default.
  */
 export declare function timeOnlyField(config?: Partial<TimeFieldConfig>): FormlyFieldConfig;
 export declare function dateTimeField(config?: Partial<DateTimeFieldConfig>): import("../../wrapper/wrapper").WrapperFormlyFieldConfig<import("../../wrapper/style.wrapper.component").DbxFormStyleWrapperConfig, FormlyFieldConfig<DbxDateTimeFieldProps>>;
 export declare type DateDateRangeFieldDateConfig = Omit<DateTimeFieldConfig, 'dateLabel' | 'timeOnly' | 'timeMode' | 'getSyncFieldsObs' | 'timezone' | 'showTimezone'>;
-export interface DateDateRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timezone' | 'showTimezone'> {
+export interface DateDateRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timezone' | 'showTimezone' | 'presets'> {
     required?: boolean;
     start?: Partial<DateDateRangeFieldDateConfig>;
     end?: Partial<DateDateRangeFieldDateConfig>;
 }
 export declare function dateRangeField(config?: DateDateRangeFieldConfig): FormlyFieldConfig;
 export declare type DateTimeRangeFieldTimeConfig = Omit<DateDateRangeFieldDateConfig, 'allDayLabel' | 'fullDayFieldName' | 'fullDayInUTC' | 'timezone' | 'showTimezone'>;
-export interface DateDateTimeRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timezone' | 'showTimezone'> {
+export interface DateDateTimeRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timezone' | 'showTimezone' | 'presets'> {
     required?: boolean;
     start?: Partial<DateTimeRangeFieldTimeConfig>;
     end?: Partial<DateTimeRangeFieldTimeConfig>;
 }
 export declare function dateTimeRangeField(inputConfig?: DateDateTimeRangeFieldConfig): FormlyFieldConfig;
+export interface FixedDateRangeFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, DbxFixedDateRangeFieldProps, MaterialFormFieldConfig {
+}
+export declare function fixedDateRangeField(config?: Partial<FixedDateRangeFieldConfig>): import("../../wrapper/wrapper").WrapperFormlyFieldConfig<import("../../wrapper/style.wrapper.component").DbxFormStyleWrapperConfig, FormlyFieldConfig<DbxDateTimeFieldProps>>;

package/lib/formly/field/value/date/datetime.field.service.d.ts

@@ -0,0 +1,15 @@
+import { DateTimePresetConfiguration } from './datetime';
+import { InjectionToken } from '@angular/core';
+import { Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
+export declare const DBX_DATE_TIME_FIELD_MENU_PRESETS_TOKEN: InjectionToken<unknown>;
+export declare class DbxDateTimeFieldMenuPresetsService {
+    private readonly initialConfigs;
+    private _configurations;
+    readonly configurations$: import("rxjs").Observable<DateTimePresetConfiguration[]>;
+    get configurations(): DateTimePresetConfiguration[];
+    set configurations(configurations: DateTimePresetConfiguration[]);
+    constructor(initialConfigs: Maybe<DateTimePresetConfiguration[]>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxDateTimeFieldMenuPresetsService, [{ optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxDateTimeFieldMenuPresetsService>;
+}

package/lib/formly/field/value/date/datetime.preset.d.ts

@@ -0,0 +1,2 @@
+import { DateTimePresetConfiguration } from './datetime';
+export declare const DEFAULT_DATE_TIME_FIELD_MENU_PRESETS_PRESETS: DateTimePresetConfiguration[];

package/lib/formly/field/value/date/fixeddaterange.field.component.d.ts

@@ -0,0 +1,154 @@
+import { Maybe, DecisionFunction, TimezoneString } from '@dereekb/util';
+import { DateTimezoneUtcNormalInstance, DateRangeInput, DateRange, DateTimeMinuteConfig, LimitDateTimeInstance } from '@dereekb/date';
+import { Observable } from 'rxjs';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, FormControl, FormGroup } from '@angular/forms';
+import { FieldType } from '@ngx-formly/material';
+import { FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
+import { MatDateRangeSelectionStrategy, DateRange as DatePickerDateRange, MatCalendar } from '@angular/material/datepicker';
+import { ObservableOrValueGetter } from '@dereekb/rxjs';
+import { DbxDateTimeValueMode } from './date.value';
+import { DateTimePresetConfiguration } from './datetime';
+import { DbxDateTimeFieldMenuPresetsService } from './datetime.field.service';
+import { DateAdapter } from '@angular/material/core';
+import * as i0 from "@angular/core";
+export declare type DbxFixedDateRangeDateRangeInput = Omit<DateRangeInput, 'date'>;
+export declare type DbxFixedDateRangePickerConfiguration = Omit<DateTimeMinuteConfig, 'date'>;
+export declare type DbxFixedDateRangeSelectionMode = 'single' | 'arbitrary' | 'arbitrary_quick';
+export declare type DbxFixedDateRangePicking = 'start' | 'end';
+export interface DbxFixedDateRangeFieldProps extends FormlyFieldProps {
+    /**
+     * Date range input to build the date range.
+     */
+    dateRangeInput: ObservableOrValueGetter<DbxFixedDateRangeDateRangeInput>;
+    /**
+     * Selection mode to use when picking dates on the calendar.
+     */
+    selectionMode?: Maybe<ObservableOrValueGetter<DbxFixedDateRangeSelectionMode>>;
+    /**
+     * Value mode for the dates in the output DateRange.
+     *
+     * Defaults to DATE
+     */
+    valueMode?: DbxDateTimeValueMode;
+    /**
+     * Whether or not to pass the date value as a UTC date, or a date in the current timezone.
+     */
+    fullDayInUTC?: boolean;
+    /**
+     * Custom picker configuration
+     */
+    pickerConfig?: ObservableOrValueGetter<DbxFixedDateRangePickerConfiguration>;
+    /**
+     * (Optional) The input timezone to default to.
+     *
+     * Ignored if fullDayInUTC is true.
+     */
+    timezone?: Maybe<ObservableOrValueGetter<Maybe<TimezoneString>>>;
+    /**
+     * Whether or not to display the timezone. True by default.
+     */
+    showTimezone?: boolean;
+    /**
+     * Custom presets to show in the dropdown.
+     */
+    presets?: ObservableOrValueGetter<DateTimePresetConfiguration[]>;
+    /**
+     * Whether or not to show the range input. Defaults to true.
+     */
+    showRangeInput?: boolean;
+}
+export interface FixedDateRangeScan {
+    /**
+     * The latest date passed, if applicable.
+     */
+    lastDateRange?: Maybe<Partial<DateRange>>;
+    /**
+     * The generated boundary range.
+     */
+    boundary?: DateRange;
+    /**
+     * New Date Range
+     */
+    range?: DateRange;
+}
+export declare class DbxFixedDateRangeFieldComponent extends FieldType<FieldTypeConfig<DbxFixedDateRangeFieldProps>> implements OnInit, OnDestroy {
+    private readonly dbxDateTimeFieldConfigService;
+    private _sub;
+    private _inputRangeFormSub;
+    private _inputRangeFormValueSub;
+    private _dateRangeInputSub;
+    private _currentSelectionModeSub;
+    private _latestBoundarySub;
+    private _disableEndSub;
+    private _activeDateSub;
+    private _currentDateRangeInput;
+    private _currentSelectionMode;
+    private _latestBoundary;
+    private _config;
+    private _selectionMode;
+    private _dateRangeInput;
+    private _timezone;
+    private _presets;
+    private _selectedDateRange;
+    private _formControlObs;
+    readonly formControl$: Observable<AbstractControl<Maybe<DateRange>, Maybe<DateRange>>>;
+    calendar: MatCalendar<Date>;
+    startDateInputElement: ElementRef;
+    endDateInputElement: ElementRef;
+    get currentDateRangeInput(): Maybe<DbxFixedDateRangeDateRangeInput>;
+    get currentSelectionMode(): DbxFixedDateRangeSelectionMode;
+    get latestBoundary(): Maybe<DateRange>;
+    readonly config$: Observable<DbxFixedDateRangePickerConfiguration>;
+    readonly limitDateTimeInstance$: Observable<LimitDateTimeInstance>;
+    readonly selectionMode$: Observable<DbxFixedDateRangeSelectionMode>;
+    readonly dateRangeInput$: Observable<Maybe<DbxFixedDateRangeDateRangeInput>>;
+    readonly timezone$: Observable<Maybe<TimezoneString>>;
+    readonly timezoneInstance$: Observable<Maybe<DateTimezoneUtcNormalInstance>>;
+    readonly valueInSystemTimezone$: Observable<Maybe<DateRange>>;
+    readonly startDate$: Observable<Date>;
+    dateRangeSelectionForMode(mode: DbxFixedDateRangeSelectionMode): Observable<Maybe<DateRange>>;
+    readonly fullBoundary$: Observable<Maybe<DateRange>>;
+    readonly latestBoundary$: Observable<Maybe<DateRange>>;
+    readonly dateRangeSelection$: Observable<Maybe<DateRange>>;
+    readonly calendarSelection$: Observable<DatePickerDateRange<Date> | null>;
+    readonly endDisabled$: Observable<boolean>;
+    readonly inputRangeForm: FormGroup<{
+        start: FormControl<Maybe<Date>>;
+        end: FormControl<Maybe<Date>>;
+    }>;
+    get fixedDateRangeField(): DbxFixedDateRangeFieldProps;
+    get selectionMode(): Maybe<ObservableOrValueGetter<DbxFixedDateRangeSelectionMode>>;
+    get valueMode(): DbxDateTimeValueMode;
+    get description(): Maybe<string>;
+    get timezone(): Maybe<ObservableOrValueGetter<Maybe<string>>>;
+    get showTimezone(): boolean;
+    get presets(): ObservableOrValueGetter<DateTimePresetConfiguration[]> | undefined;
+    get showRangeInput(): boolean;
+    readonly minMaxRange$: Observable<Maybe<Partial<DateRange>>>;
+    readonly min$: Observable<Date | null>;
+    readonly max$: Observable<Date | null>;
+    readonly pickerFilter$: Observable<DecisionFunction<Date | null>>;
+    readonly defaultPickerFilter: DecisionFunction<Date | null>;
+    constructor(dbxDateTimeFieldConfigService: DbxDateTimeFieldMenuPresetsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    selectedChange(date: Maybe<Date>): void;
+    setDateRange(dateRange: Maybe<Partial<DateRange>>): void;
+    _createDateRange(date: Maybe<Date>): Maybe<DateRange>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFixedDateRangeFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFixedDateRangeFieldComponent, "ng-component", never, {}, {}, never, never, false>;
+}
+export declare class DbxFixedDateRangeFieldSelectionStrategy<D> implements MatDateRangeSelectionStrategy<D> {
+    private _dateAdapter;
+    readonly dbxFixedDateRangeFieldComponent: DbxFixedDateRangeFieldComponent;
+    constructor(_dateAdapter: DateAdapter<D>, dbxFixedDateRangeFieldComponent: DbxFixedDateRangeFieldComponent);
+    selectionFinished(date: D | null, currentRange: DatePickerDateRange<D>, event: Event): DatePickerDateRange<D>;
+    createPreview(activeDate: D | null, currentRange: DatePickerDateRange<D>, event: Event): DatePickerDateRange<D>;
+    private _createDateRangeWithDate;
+    private _createDateRange;
+    dateFromAdapterDate(input: D): Date;
+    adapterDateFromDate(date: Date): D;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFixedDateRangeFieldSelectionStrategy<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxFixedDateRangeFieldSelectionStrategy<any>>;
+}

package/lib/formly/field/value/date/index.d.ts

@@ -1,3 +1,7 @@
 export * from './date.field.module';
+export * from './date.value';
 export * from './datetime.field';
+export * from './datetime.field.service';
 export * from './datetime.field.component';
+export * from './datetime.preset';
+export * from './datetime';

package/mapbox/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dereekb/dbx-form/mapbox",
-  "version": "9.23.28",
+  "version": "9.24.1",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.23.28",
+    "@dereekb/dbx-web": "9.24.1",
     "@ngx-formly/core": "^6.0.0",
     "@ngx-formly/material": "^6.0.0",
     "@ng-web-apis/geolocation": "^2.0.0",
     "mapbox-gl": "^2.9.2",
-    "@dereekb/dbx-web/mapbox": "9.23.28",
-    "@dereekb/dbx-form": "9.23.28"
+    "@dereekb/dbx-web/mapbox": "9.24.1",
+    "@dereekb/dbx-form": "9.24.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "9.23.28",
+  "version": "9.24.1",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "lodash.clonedeep": "^4.5.0",
-    "@dereekb/dbx-core": "9.23.28",
+    "@dereekb/dbx-core": "9.24.1",
     "@angular/material": "^14.2.0",
-    "@dereekb/dbx-web": "9.23.28",
+    "@dereekb/dbx-web": "9.24.1",
     "@angular/forms": "^14.2.0",
     "@ngx-formly/core": "^6.0.0",
     "@ngx-formly/material": "^6.0.0",
     "ngx-editor": "^15.0.0",
     "ngx-mat-intl-tel-input": "^5.0.0",
-    "@dereekb/model": "9.23.28"
+    "@dereekb/model": "9.24.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"