@dereekb/dbx-form 10.1.12 → 10.1.14

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

@@ -48,6 +48,10 @@ $dbx-datetime-row-width: 40px + ($dbx-datetime-button-spacing * 2); // times 2 f
     }
   }
 
+  .dbx-datetime-clear-button {
+    margin-right: 3px;
+  }
+
   .dbx-datetime-row {
     display: flex;
     justify-content: center;

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

@@ -128,7 +128,7 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
     /**
      * Whether or not to display the timezone. True by default.
      */
-    readonly showTimezone?: boolean;
+    readonly showTimezone?: Maybe<boolean>;
     /**
      * Custom presets to show in the dropdown.
      */
@@ -137,6 +137,10 @@ export interface DbxDateTimeFieldProps extends FormlyFieldProps {
      * The time in ms to prevent output from going out when the input value changes.
      */
     readonly inputOutputDebounceTime?: Milliseconds;
+    /**
+     * Whether or not to display the clear date button. True by default.
+     */
+    readonly showClearButton?: Maybe<boolean>;
 }
 export interface DbxDateTimeFieldSyncParsedField extends Pick<DbxDateTimeFieldSyncField, 'syncType'> {
     control: AbstractControl<Maybe<Date | ISO8601DateString>>;
@@ -158,6 +162,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     private _offset;
     private _formControlObs;
     readonly formControl$: Observable<AbstractControl<Maybe<Date>, Maybe<Date>>>;
+    private _cleared;
     private _updateTime;
     readonly timezone$: Observable<Maybe<TimezoneString>>;
     readonly timezoneInstance$: Observable<Maybe<DateTimezoneUtcNormalInstance>>;
@@ -169,8 +174,8 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
      */
     readonly displayValue$: Observable<Maybe<Date>>;
     readonly timeString$: Observable<ReadableTimeString | ''>;
-    readonly dateInputCtrl: FormControl<Date | null>;
-    readonly timeInputCtrl: FormControl<string | null>;
+    readonly dateInputCtrl: FormControl<Maybe<Date>>;
+    readonly timeInputCtrl: FormControl<Maybe<string>>;
     get dateLabel(): string;
     get timeLabel(): string;
     get allDayLabel(): string;
@@ -181,6 +186,8 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     get showDateInput(): boolean;
     get valueMode(): DbxDateTimeValueMode;
     get timeMode(): DbxDateTimeFieldTimeMode;
+    get isDateRequired(): boolean;
+    get isTimeRequired(): boolean;
     get description(): Maybe<string>;
     get hideDateHint(): boolean;
     get hideDatePicker(): boolean;
@@ -188,9 +195,11 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     get timeDate(): Maybe<ObservableOrValueGetter<Maybe<DateOrDayString | DbxDateTimeFieldTimeDateConfig<unknown>>>>;
     get showTimezone(): boolean;
     get presets(): ObservableOrValueGetter<DateTimePresetConfiguration[]> | undefined;
+    get showClearButton(): Maybe<boolean>;
     readonly fullDay$: Observable<boolean>;
     readonly showTimeInput$: Observable<boolean>;
     readonly showAddTime$: Observable<boolean>;
+    readonly currentDate$: Observable<Maybe<Date>>;
     readonly date$: Observable<Date>;
     readonly timezoneAbbreviation$: Observable<string>;
     readonly dateValue$: Observable<Maybe<Date>>;
@@ -199,6 +208,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     readonly parsedSyncConfigs$: Observable<DbxDateTimeFieldSyncParsedField[]>;
     readonly syncConfigBeforeValue$: Observable<Date | null>;
     readonly syncConfigAfterValue$: Observable<Date | null>;
+    readonly isTimeCleared$: Observable<boolean>;
     readonly rawDateTime$: Observable<Maybe<Date>>;
     readonly dateTimePickerConfig$: Observable<Maybe<DbxDateTimePickerConfiguration>>;
     readonly dateInputMin$: Observable<Date | null>;
@@ -206,7 +216,9 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     readonly pickerFilter$: Observable<DecisionFunction<Date | null>>;
     readonly defaultPickerFilter: DecisionFunction<Date | null>;
     readonly timeOutput$: Observable<Maybe<Date>>;
+    readonly hasEmptyDisplayValue$: Observable<boolean>;
     readonly presets$: Observable<DateTimePreset[]>;
+    readonly showClearButton$: Observable<boolean>;
     constructor(cdRef: ChangeDetectorRef, dbxDateTimeFieldConfigService: DbxDateTimeFieldMenuPresetsService);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -223,6 +235,7 @@ export declare class DbxDateTimeFieldComponent extends FieldType<FieldTypeConfig
     addTime(): void;
     removeTime(): void;
     setFullDay(fullDay: boolean): void;
+    clearValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDateTimeFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxDateTimeFieldComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -20,7 +20,7 @@ export interface DateDateRangeFieldConfig extends Pick<DateTimeFieldConfig, 'tim
 }
 export declare function dateRangeField(config?: DateDateRangeFieldConfig): FormlyFieldConfig;
 export type DateTimeRangeFieldTimeConfig = Omit<DateDateRangeFieldDateConfig, 'allDayLabel' | 'fullDayFieldName' | 'fullDayInUTC'>;
-export interface DateDateTimeRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timeDate' | 'timezone' | 'showTimezone' | 'presets'> {
+export interface DateDateTimeRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timeDate' | 'timezone' | 'showTimezone' | 'presets' | 'valueMode'> {
     required?: boolean;
     start?: Partial<DateTimeRangeFieldTimeConfig>;
     end?: Partial<DateTimeRangeFieldTimeConfig>;

package/mapbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-form/mapbox",
-  "version": "10.1.12",
+  "version": "10.1.14",
   "module": "fesm2022/dereekb-dbx-form-mapbox.mjs",
   "typings": "index.d.ts",
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-form",
-  "version": "10.1.12",
+  "version": "10.1.14",
   "peerDependencies": {
     "@angular/common": "^16.2.12",
     "@angular/core": "^16.2.12",