@dereekb/dbx-form 9.25.8 → 9.25.10

package/lib/extension/calendar/_calendar.scss

@@ -62,17 +62,18 @@
       }
     }
 
-    .date-range-field-customized {
+    .date-range-field-customized,
+    .dbx-schedule-selection-timezone {
       display: flex;
       align-items: center;
+    }
 
-      .date-range-field-customized-text {
-        padding: 4px 6px;
-        margin-right: 3px;
-        font-size: 0.8em;
-        font-weight: bold;
-        border-radius: 25px;
-      }
+    .date-range-field-customized .date-range-field-customized-text {
+      padding: 4px 6px;
+      margin-right: 3px;
+      font-size: 0.8em;
+      font-weight: bold;
+      border-radius: 25px;
     }
   }
 

package/lib/form/form.angular.util.d.ts

@@ -0,0 +1,15 @@
+import { AbstractControl } from '@angular/forms';
+import { Maybe } from '@dereekb/util';
+import { Observable } from 'rxjs';
+/**
+ * A FormGroup/AbstractControl path to a specific control.
+ */
+export declare type FormControlPath = string;
+/**
+ * Streams a value from the input control at the given path. If no path is specified, streams the value from the control.
+ *
+ * @param fromControl
+ * @param path
+ * @returns
+ */
+export declare function streamValueFromControl<T>(fromControl: AbstractControl, path?: FormControlPath): Maybe<Observable<T>>;

package/lib/form/index.d.ts

@@ -1,4 +1,5 @@
 export * from './action';
 export * from './io';
+export * from './form.angular.util';
 export * from './form.module';
 export * from './form';

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

@@ -1,4 +1,4 @@
-import { Maybe, ReadableTimeString, ArrayOrValue, ISO8601DateString, DecisionFunction, TimezoneString, LogicalDate, DateOrDayString } from '@dereekb/util';
+import { Maybe, ReadableTimeString, ArrayOrValue, ISO8601DateString, DecisionFunction, TimezoneString, LogicalDate, DateOrDayString, MapFunction } from '@dereekb/util';
 import { DateTimeMinuteConfig, DateTimezoneUtcNormalInstance } from '@dereekb/date';
 import { Observable } from 'rxjs';
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
@@ -10,6 +10,7 @@ import { ObservableOrValueGetter } from '@dereekb/rxjs';
 import { DateTimePreset, DateTimePresetConfiguration } from './datetime';
 import { DbxDateTimeFieldMenuPresetsService } from './datetime.field.service';
 import { DbxDateTimeValueMode } from './date.value';
+import { FormControlPath } from '../../../../form/form.angular.util';
 import * as i0 from "@angular/core";
 export declare enum DbxDateTimeFieldTimeMode {
     /**
@@ -37,6 +38,14 @@ export interface DbxDateTimeFieldSyncField {
      */
     syncType: DbxDateTimeFieldSyncType;
 }
+/**
+ * Configuration for the time date field that has a reference and optional map function to map the value.
+ */
+export interface DbxDateTimeFieldTimeDateConfig<I = unknown> {
+    readonly path: FormControlPath;
+    readonly mapValue?: MapFunction<I, Maybe<DateOrDayString>>;
+}
+export declare function isDbxDateTimeFieldTimeDateConfig(input: unknown): input is DbxDateTimeFieldTimeDateConfig;
 export interface DbxDateTimeFieldProps extends FormlyFieldProps {
     /**
      * Custom date label.
@@ -115,7 +124,7 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
      *
      * The timezone abbrviation will also use this date when using the time-only mode.
      */
-    timeDate?: Maybe<ObservableOrValueGetter<Maybe<DateOrDayString>>>;
+    timeDate?: Maybe<ObservableOrValueGetter<Maybe<DbxDateTimeFieldTimeDateConfig | FormControlPath | DateOrDayString>>>;
     /**
      * Whether or not to display the timezone. True by default.
      */
@@ -177,7 +186,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     get hideDateHint(): boolean;
     get hideDatePicker(): boolean;
     get timezone(): Maybe<ObservableOrValueGetter<Maybe<string>>>;
-    get timeDate(): Maybe<ObservableOrValueGetter<Maybe<DateOrDayString>>>;
+    get timeDate(): Maybe<ObservableOrValueGetter<Maybe<DateOrDayString | DbxDateTimeFieldTimeDateConfig<unknown>>>>;
     get showTimezone(): boolean;
     get presets(): ObservableOrValueGetter<DateTimePresetConfiguration[]> | undefined;
     readonly fullDay$: Observable<boolean>;

package/mapbox/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dereekb/dbx-form/mapbox",
-  "version": "9.25.8",
+  "version": "9.25.10",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.25.8",
+    "@dereekb/dbx-web": "9.25.10",
     "@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.25.8",
-    "@dereekb/dbx-form": "9.25.8"
+    "@dereekb/dbx-web/mapbox": "9.25.10",
+    "@dereekb/dbx-form": "9.25.10"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "9.25.8",
+  "version": "9.25.10",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "lodash.clonedeep": "^4.5.0",
-    "@dereekb/dbx-core": "9.25.8",
+    "@dereekb/dbx-core": "9.25.10",
     "@angular/material": "^14.2.0",
-    "@dereekb/dbx-web": "9.25.8",
+    "@dereekb/dbx-web": "9.25.10",
     "@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.25.8"
+    "@dereekb/model": "9.25.10"
   },
   "dependencies": {
     "tslib": "^2.3.0"