@dintecom/ngx-datetime-picker 22.0.0 → 22.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -2
- package/assets/style/picker.min.css +1 -1
- package/assets/style/picker.min.css.map +1 -1
- package/fesm2022/dintecom-ngx-datetime-picker.mjs +394 -147
- package/fesm2022/dintecom-ngx-datetime-picker.mjs.map +1 -1
- package/package.json +2 -2
- package/types/dintecom-ngx-datetime-picker.d.ts +113 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dintecom/ngx-datetime-picker",
|
|
3
|
-
"version": "22.
|
|
3
|
+
"version": "22.1.0",
|
|
4
4
|
"description": "Angular Date Time Picker",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Angular",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"material",
|
|
14
14
|
"ngx"
|
|
15
15
|
],
|
|
16
|
-
"author": "Maintained and updated by Daniel Moncada, original
|
|
16
|
+
"author": "Maintained and updated by Daniel Moncada, original implementation by Daniel Pan",
|
|
17
17
|
"license": "MIT",
|
|
18
18
|
"repository": {
|
|
19
19
|
"type": "git",
|
|
@@ -7,6 +7,7 @@ import * as i2 from '@angular/cdk/a11y';
|
|
|
7
7
|
import * as i4 from '@angular/cdk/portal';
|
|
8
8
|
import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
|
|
9
9
|
import { ControlValueAccessor, Validator, AbstractControl } from '@angular/forms';
|
|
10
|
+
import * as _dintecom_ngx_datetime_picker from '@dintecom/ngx-datetime-picker';
|
|
10
11
|
import { Subject, Observable } from 'rxjs';
|
|
11
12
|
import * as i1$1 from '@angular/cdk/platform';
|
|
12
13
|
|
|
@@ -20,6 +21,14 @@ interface Options {
|
|
|
20
21
|
yearsPerRow: number;
|
|
21
22
|
yearRows: number;
|
|
22
23
|
};
|
|
24
|
+
/** Default of the lazyValidation input of owl-date-time */
|
|
25
|
+
lazyValidation: boolean;
|
|
26
|
+
/** Default of the strictFormat input of input[owlDateTime] */
|
|
27
|
+
strictFormat: boolean;
|
|
28
|
+
/** Default of the wrapTimer input of owl-date-time and owl-date-time-inline */
|
|
29
|
+
wrapTimer: boolean;
|
|
30
|
+
/** Default of the timerInputDebounce input of owl-date-time and owl-date-time-inline */
|
|
31
|
+
timerInputDebounce: number;
|
|
23
32
|
}
|
|
24
33
|
declare class DefaultOptions {
|
|
25
34
|
static create(): Options;
|
|
@@ -63,7 +72,8 @@ declare function provideOwlDateTime(): EnvironmentProviders;
|
|
|
63
72
|
* Provides custom options for OwlDateTime.
|
|
64
73
|
* This is optional - default options will be used if not provided.
|
|
65
74
|
*
|
|
66
|
-
* @param options - Custom options
|
|
75
|
+
* @param options - Custom options: multi-year view configuration and the global defaults of the inputs,
|
|
76
|
+
* the missing ones keep their default values
|
|
67
77
|
*
|
|
68
78
|
* @example
|
|
69
79
|
* ```typescript
|
|
@@ -75,7 +85,8 @@ declare function provideOwlDateTime(): EnvironmentProviders;
|
|
|
75
85
|
* multiYear: {
|
|
76
86
|
* yearsPerRow: 4,
|
|
77
87
|
* yearRows: 5
|
|
78
|
-
* }
|
|
88
|
+
* },
|
|
89
|
+
* lazyValidation: true
|
|
79
90
|
* })
|
|
80
91
|
* ]
|
|
81
92
|
* });
|
|
@@ -554,6 +565,11 @@ declare abstract class DateTimeAdapter<T> {
|
|
|
554
565
|
* Checks whether the given date is valid.
|
|
555
566
|
*/
|
|
556
567
|
abstract isValid(date: T): boolean;
|
|
568
|
+
/**
|
|
569
|
+
* Checks whether the text matches the parse format.
|
|
570
|
+
* Used by the strictFormat input, accepts any text unless an adapter overrides it.
|
|
571
|
+
*/
|
|
572
|
+
isValidFormat(value: string, parseFormat: any): boolean;
|
|
557
573
|
/**
|
|
558
574
|
* Gets date instance that is not valid.
|
|
559
575
|
*/
|
|
@@ -658,6 +674,8 @@ type DateViewType = DateView.MONTH | DateView.YEAR | DateView.MULTI_YEARS;
|
|
|
658
674
|
declare abstract class OwlDateTime<T> {
|
|
659
675
|
protected dateTimeAdapter: DateTimeAdapter<T>;
|
|
660
676
|
protected dateTimeFormats: OwlDateTimeFormats;
|
|
677
|
+
/** Global defaults of the inputs, see provideOwlDateTimeOptions */
|
|
678
|
+
protected readonly options: _dintecom_ngx_datetime_picker.Options;
|
|
661
679
|
/**
|
|
662
680
|
* Whether to show the second's timer
|
|
663
681
|
*/
|
|
@@ -704,6 +722,21 @@ declare abstract class OwlDateTime<T> {
|
|
|
704
722
|
private _stepSecond;
|
|
705
723
|
get stepSecond(): number;
|
|
706
724
|
set stepSecond(val: number);
|
|
725
|
+
/**
|
|
726
|
+
* Whether the hour, minute and second boxes go from the max to the min and back (59 → 0)
|
|
727
|
+
* instead of carrying over to the next hour or day.
|
|
728
|
+
* Defaults to the wrapTimer global option (false).
|
|
729
|
+
*/
|
|
730
|
+
private _wrapTimer;
|
|
731
|
+
get wrapTimer(): boolean;
|
|
732
|
+
set wrapTimer(val: boolean);
|
|
733
|
+
/**
|
|
734
|
+
* Milliseconds the hour, minute and second boxes wait after typing before applying the value,
|
|
735
|
+
* 0 applies it at once. Defaults to the timerInputDebounce global option (750).
|
|
736
|
+
*/
|
|
737
|
+
private _timerInputDebounce;
|
|
738
|
+
get timerInputDebounce(): number;
|
|
739
|
+
set timerInputDebounce(val: number);
|
|
707
740
|
/**
|
|
708
741
|
* Set the first day of week
|
|
709
742
|
*/
|
|
@@ -747,7 +780,7 @@ declare abstract class OwlDateTime<T> {
|
|
|
747
780
|
protected constructor(dateTimeAdapter: DateTimeAdapter<T>, dateTimeFormats: OwlDateTimeFormats);
|
|
748
781
|
protected getValidDate(obj: any): T | null;
|
|
749
782
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OwlDateTime<any>, [{ optional: true; }, { optional: true; }]>;
|
|
750
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OwlDateTime<any>, never, never, { "showSecondsTimer": { "alias": "showSecondsTimer"; "required": false; }; "hour12Timer": { "alias": "hour12Timer"; "required": false; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "showCalendarWeeks": { "alias": "showCalendarWeeks"; "required": false; "isSignal": true; }; "yearOnly": { "alias": "yearOnly"; "required": false; "isSignal": true; }; "multiyearOnly": { "alias": "multiyearOnly"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; }, {}, never, never, true, never>;
|
|
783
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OwlDateTime<any>, never, never, { "showSecondsTimer": { "alias": "showSecondsTimer"; "required": false; }; "hour12Timer": { "alias": "hour12Timer"; "required": false; }; "startView": { "alias": "startView"; "required": false; "isSignal": true; }; "showCalendarWeeks": { "alias": "showCalendarWeeks"; "required": false; "isSignal": true; }; "yearOnly": { "alias": "yearOnly"; "required": false; "isSignal": true; }; "multiyearOnly": { "alias": "multiyearOnly"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; }; "stepMinute": { "alias": "stepMinute"; "required": false; }; "stepSecond": { "alias": "stepSecond"; "required": false; }; "wrapTimer": { "alias": "wrapTimer"; "required": false; }; "timerInputDebounce": { "alias": "timerInputDebounce"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "hideOtherMonths": { "alias": "hideOtherMonths"; "required": false; }; }, {}, never, never, true, never>;
|
|
751
784
|
}
|
|
752
785
|
|
|
753
786
|
declare const OWL_DATETIME_VALUE_ACCESSOR: any;
|
|
@@ -778,14 +811,25 @@ declare class OwlDateTimeInputDirective<T> implements OnInit, AfterContentInit,
|
|
|
778
811
|
protected readonly _disabled: _angular_core.ModelSignal<boolean>;
|
|
779
812
|
get disabled(): boolean;
|
|
780
813
|
set disabled(value: boolean);
|
|
781
|
-
/** The minimum valid date. */
|
|
814
|
+
/** The minimum valid date. With strictFormat, it is year 1 by default. */
|
|
782
815
|
private _min;
|
|
783
816
|
get min(): T | null;
|
|
784
817
|
set min(value: T | null);
|
|
785
|
-
/** The maximum valid date. */
|
|
818
|
+
/** The maximum valid date. With strictFormat, it is year 9999 by default. */
|
|
786
819
|
private _max;
|
|
787
820
|
get max(): T | null;
|
|
788
821
|
set max(value: T | null);
|
|
822
|
+
/**
|
|
823
|
+
* Whether the typed text must match the display format of the picker (adapter isValidFormat),
|
|
824
|
+
* otherwise it gets the owlDateTimeParse error. Also limits min and max to 4-digit years.
|
|
825
|
+
* Defaults to the strictFormat global option (false).
|
|
826
|
+
*/
|
|
827
|
+
private _strictFormat;
|
|
828
|
+
get strictFormat(): boolean;
|
|
829
|
+
set strictFormat(value: boolean);
|
|
830
|
+
private readonly options;
|
|
831
|
+
private strictMin;
|
|
832
|
+
private strictMax;
|
|
789
833
|
/**
|
|
790
834
|
* The picker's select mode
|
|
791
835
|
*/
|
|
@@ -881,6 +925,11 @@ declare class OwlDateTimeInputDirective<T> implements OnInit, AfterContentInit,
|
|
|
881
925
|
* Convert a given obj to a valid date object
|
|
882
926
|
*/
|
|
883
927
|
private getValidDate;
|
|
928
|
+
/**
|
|
929
|
+
* Whether the input text matches the display format of the picker, checked with strictFormat only.
|
|
930
|
+
* An empty text is valid, it means no value.
|
|
931
|
+
*/
|
|
932
|
+
private isValidText;
|
|
884
933
|
/**
|
|
885
934
|
* Convert a time string to a date-time string
|
|
886
935
|
* When pickerType is 'timer', the value in the picker's input is a time string.
|
|
@@ -905,7 +954,7 @@ declare class OwlDateTimeInputDirective<T> implements OnInit, AfterContentInit,
|
|
|
905
954
|
*/
|
|
906
955
|
private isSameValue;
|
|
907
956
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OwlDateTimeInputDirective<any>, never>;
|
|
908
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OwlDateTimeInputDirective<any>, "input[owlDateTime]", ["owlDateTimeInput"], { "required": { "alias": "required"; "required": false; }; "owlDateTime": { "alias": "owlDateTime"; "required": false; }; "owlDateTimeFilter": { "alias": "owlDateTimeFilter"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "_disabled": "_disabledChange"; "dateTimeChange": "dateTimeChange"; "dateTimeInput": "dateTimeInput"; }, never, never, true, never>;
|
|
957
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OwlDateTimeInputDirective<any>, "input[owlDateTime]", ["owlDateTimeInput"], { "required": { "alias": "required"; "required": false; }; "owlDateTime": { "alias": "owlDateTime"; "required": false; }; "owlDateTimeFilter": { "alias": "owlDateTimeFilter"; "required": false; }; "_disabled": { "alias": "_disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "strictFormat": { "alias": "strictFormat"; "required": false; }; "selectMode": { "alias": "selectMode"; "required": false; }; "rangeSeparator": { "alias": "rangeSeparator"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "_disabled": "_disabledChange"; "dateTimeChange": "dateTimeChange"; "dateTimeInput": "dateTimeInput"; }, never, never, true, never>;
|
|
909
958
|
}
|
|
910
959
|
|
|
911
960
|
declare class OwlDateTimeComponent<T> extends OwlDateTime<T> implements OnInit, OnDestroy {
|
|
@@ -950,11 +999,26 @@ declare class OwlDateTimeComponent<T> extends OwlDateTime<T> implements OnInit,
|
|
|
950
999
|
private _opened;
|
|
951
1000
|
get opened(): boolean;
|
|
952
1001
|
set opened(val: boolean);
|
|
1002
|
+
/** Whether the picker is being opened: from open() until afterPickerOpen. */
|
|
1003
|
+
private _opening;
|
|
1004
|
+
get opening(): boolean;
|
|
1005
|
+
/** Whether the picker is being closed: from close() until afterPickerClosed. */
|
|
1006
|
+
private _closing;
|
|
1007
|
+
get closing(): boolean;
|
|
953
1008
|
/**
|
|
954
1009
|
* The scroll strategy when the picker is open
|
|
955
1010
|
* Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
|
|
956
1011
|
* */
|
|
957
1012
|
readonly scrollStrategy: _angular_core.InputSignal<ScrollStrategy>;
|
|
1013
|
+
/**
|
|
1014
|
+
* For the range mode: when false, an inverted range ('from' after 'to' or 'to' before 'from')
|
|
1015
|
+
* is corrected on every change by setting both ends to the same value. When true, it is corrected only
|
|
1016
|
+
* when 'Set' is clicked or the other end is activated, so the time can be edited step by step.
|
|
1017
|
+
* Defaults to the lazyValidation global option (false).
|
|
1018
|
+
* */
|
|
1019
|
+
private _lazyValidation;
|
|
1020
|
+
get lazyValidation(): boolean;
|
|
1021
|
+
set lazyValidation(value: boolean);
|
|
958
1022
|
/**
|
|
959
1023
|
* Callback when the picker is closed
|
|
960
1024
|
* */
|
|
@@ -967,6 +1031,14 @@ declare class OwlDateTimeComponent<T> extends OwlDateTime<T> implements OnInit,
|
|
|
967
1031
|
* Callback when the picker is open
|
|
968
1032
|
* */
|
|
969
1033
|
readonly afterPickerOpen: _angular_core.OutputEmitterRef<any>;
|
|
1034
|
+
/**
|
|
1035
|
+
* Emits at the start of open(), before the picker is created
|
|
1036
|
+
* */
|
|
1037
|
+
readonly pickerOpening: _angular_core.OutputEmitterRef<void>;
|
|
1038
|
+
/**
|
|
1039
|
+
* Emits at the start of close(), before the picker is destroyed
|
|
1040
|
+
* */
|
|
1041
|
+
readonly pickerClosing: _angular_core.OutputEmitterRef<void>;
|
|
970
1042
|
/**
|
|
971
1043
|
* Emits selected year in multi-year view
|
|
972
1044
|
* This doesn't imply a change on the selected date.
|
|
@@ -1068,7 +1140,7 @@ declare class OwlDateTimeComponent<T> extends OwlDateTime<T> implements OnInit,
|
|
|
1068
1140
|
* */
|
|
1069
1141
|
private createPopupPositionStrategy;
|
|
1070
1142
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OwlDateTimeComponent<any>, never>;
|
|
1071
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OwlDateTimeComponent<any>, "owl-date-time", ["owlDateTime"], { "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; }; "endAt": { "alias": "endAt"; "required": false; }; "pickerType": { "alias": "pickerType"; "required": false; }; "pickerMode": { "alias": "pickerMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; }, { "afterPickerClosed": "afterPickerClosed"; "beforePickerOpen": "beforePickerOpen"; "afterPickerOpen": "afterPickerOpen"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "dateSelected": "dateSelected"; }, never, never, true, never>;
|
|
1143
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OwlDateTimeComponent<any>, "owl-date-time", ["owlDateTime"], { "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; }; "endAt": { "alias": "endAt"; "required": false; }; "pickerType": { "alias": "pickerType"; "required": false; }; "pickerMode": { "alias": "pickerMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "lazyValidation": { "alias": "lazyValidation"; "required": false; }; }, { "afterPickerClosed": "afterPickerClosed"; "beforePickerOpen": "beforePickerOpen"; "afterPickerOpen": "afterPickerOpen"; "pickerOpening": "pickerOpening"; "pickerClosing": "pickerClosing"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "dateSelected": "dateSelected"; }, never, never, true, never>;
|
|
1072
1144
|
}
|
|
1073
1145
|
|
|
1074
1146
|
declare class OwlDateTimeTriggerDirective<T> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
|
|
@@ -1279,6 +1351,14 @@ declare class OwlTimerComponent<T> implements OnInit {
|
|
|
1279
1351
|
* Seconds to change per step
|
|
1280
1352
|
*/
|
|
1281
1353
|
readonly stepSecond: _angular_core.InputSignal<number>;
|
|
1354
|
+
/**
|
|
1355
|
+
* Whether the boxes go from the max to the min and back
|
|
1356
|
+
*/
|
|
1357
|
+
readonly wrapTimer: _angular_core.InputSignal<boolean>;
|
|
1358
|
+
/**
|
|
1359
|
+
* Milliseconds the boxes wait after typing before applying the value
|
|
1360
|
+
*/
|
|
1361
|
+
readonly timerInputDebounce: _angular_core.InputSignal<number>;
|
|
1282
1362
|
get hourValue(): number;
|
|
1283
1363
|
/**
|
|
1284
1364
|
* The value would be displayed in hourBox.
|
|
@@ -1362,7 +1442,7 @@ declare class OwlTimerComponent<T> implements OnInit {
|
|
|
1362
1442
|
*/
|
|
1363
1443
|
private getValidDate;
|
|
1364
1444
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OwlTimerComponent<any>, never>;
|
|
1365
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OwlTimerComponent<any>, "owl-date-time-timer", ["owlDateTimeTimer"], { "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "minDateTime": { "alias": "minDateTime"; "required": false; }; "maxDateTime": { "alias": "maxDateTime"; "required": false; }; "showSecondsTimer": { "alias": "showSecondsTimer"; "required": false; "isSignal": true; }; "hour12Timer": { "alias": "hour12Timer"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
|
|
1445
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OwlTimerComponent<any>, "owl-date-time-timer", ["owlDateTimeTimer"], { "pickerMoment": { "alias": "pickerMoment"; "required": false; }; "minDateTime": { "alias": "minDateTime"; "required": false; }; "maxDateTime": { "alias": "maxDateTime"; "required": false; }; "showSecondsTimer": { "alias": "showSecondsTimer"; "required": false; "isSignal": true; }; "hour12Timer": { "alias": "hour12Timer"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; "wrapTimer": { "alias": "wrapTimer"; "required": false; "isSignal": true; }; "timerInputDebounce": { "alias": "timerInputDebounce"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
|
|
1366
1446
|
}
|
|
1367
1447
|
|
|
1368
1448
|
declare class OwlDateTimeContainerComponent<T> implements OnInit, AfterContentInit, AfterViewInit, OnDestroy {
|
|
@@ -1374,6 +1454,8 @@ declare class OwlDateTimeContainerComponent<T> implements OnInit, AfterContentIn
|
|
|
1374
1454
|
readonly timer: _angular_core.Signal<OwlTimerComponent<any>>;
|
|
1375
1455
|
picker: OwlDateTime<T>;
|
|
1376
1456
|
activeSelectedIndex: number;
|
|
1457
|
+
/** Whether an inverted range is corrected only on 'Set' or when the other end is activated (see OwlDateTimeComponent). */
|
|
1458
|
+
lazyValidation: boolean;
|
|
1377
1459
|
/** Emits when an animation state changes. */
|
|
1378
1460
|
animationStateChanged: EventEmitter<IDateTimePickerAnimationEvent>;
|
|
1379
1461
|
private retainStartTime;
|
|
@@ -1480,6 +1562,14 @@ declare class OwlDateTimeContainerComponent<T> implements OnInit, AfterContentIn
|
|
|
1480
1562
|
* if it is not valid, return null
|
|
1481
1563
|
*/
|
|
1482
1564
|
private updateAndCheckCalendarDate;
|
|
1565
|
+
/**
|
|
1566
|
+
* Whether the picker moment of the active end is after 'to' (or before 'from').
|
|
1567
|
+
*/
|
|
1568
|
+
private isRangeInverted;
|
|
1569
|
+
/**
|
|
1570
|
+
* With lazyValidation, sets both the 'from' and 'to' to the picker moment when the range is inverted.
|
|
1571
|
+
*/
|
|
1572
|
+
private checkInvertedRange;
|
|
1483
1573
|
/**
|
|
1484
1574
|
* Focus to the picker
|
|
1485
1575
|
* */
|
|
@@ -1939,12 +2029,19 @@ declare class OwlTimerBoxComponent implements OnInit, OnDestroy {
|
|
|
1939
2029
|
readonly min: _angular_core.InputSignal<number>;
|
|
1940
2030
|
readonly max: _angular_core.InputSignal<number>;
|
|
1941
2031
|
readonly step: _angular_core.InputSignal<number>;
|
|
2032
|
+
/** Whether the value goes from the max to the min and back */
|
|
2033
|
+
readonly wrap: _angular_core.InputSignal<boolean>;
|
|
2034
|
+
/** Milliseconds to wait after typing before applying the value, 0 applies it at once */
|
|
2035
|
+
readonly inputDebounce: _angular_core.InputSignal<number>;
|
|
1942
2036
|
readonly inputLabel: _angular_core.InputSignal<string>;
|
|
1943
2037
|
readonly valueChange: _angular_core.OutputEmitterRef<number>;
|
|
1944
2038
|
readonly inputChange: _angular_core.OutputEmitterRef<number>;
|
|
1945
2039
|
private inputStream;
|
|
1946
2040
|
private inputStreamSub;
|
|
1947
2041
|
private hasFocus;
|
|
2042
|
+
/** Whether the user typed into the box: the typed text is shown as is until the focus leaves */
|
|
2043
|
+
private editing;
|
|
2044
|
+
private readonly injector;
|
|
1948
2045
|
get displayValue(): string;
|
|
1949
2046
|
get owlDTTimerBoxClass(): boolean;
|
|
1950
2047
|
private readonly valueInput;
|
|
@@ -1952,18 +2049,23 @@ declare class OwlTimerBoxComponent implements OnInit, OnDestroy {
|
|
|
1952
2049
|
constructor();
|
|
1953
2050
|
ngOnInit(): void;
|
|
1954
2051
|
ngOnDestroy(): void;
|
|
2052
|
+
/** With wrap, past the max goes to the min (59 → 0), otherwise carries over to the larger unit. */
|
|
1955
2053
|
upBtnClicked(): void;
|
|
2054
|
+
/** With wrap, past the min goes to the max (0 → 59), otherwise carries over to the larger unit. */
|
|
1956
2055
|
downBtnClicked(): void;
|
|
1957
2056
|
handleInputChange(val: string): void;
|
|
1958
2057
|
focusIn(): void;
|
|
1959
2058
|
focusOut(value: string): void;
|
|
2059
|
+
/** The value the arrows step from: the typed number while it is not applied yet */
|
|
2060
|
+
private get stepBase();
|
|
2061
|
+
/** Applies the arrow buttons, keys or wheel: the box shows the new value even while focused */
|
|
1960
2062
|
private updateValue;
|
|
1961
2063
|
private updateValueViaInput;
|
|
1962
2064
|
private onValueInputMouseWheel;
|
|
1963
2065
|
private bindValueInputMouseWheel;
|
|
1964
2066
|
private unbindValueInputMouseWheel;
|
|
1965
2067
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OwlTimerBoxComponent, never>;
|
|
1966
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OwlTimerBoxComponent, "owl-date-time-timer-box", ["owlDateTimeTimerBox"], { "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "upBtnAriaLabel": { "alias": "upBtnAriaLabel"; "required": false; "isSignal": true; }; "upBtnDisabled": { "alias": "upBtnDisabled"; "required": false; "isSignal": true; }; "downBtnAriaLabel": { "alias": "downBtnAriaLabel"; "required": false; "isSignal": true; }; "downBtnDisabled": { "alias": "downBtnDisabled"; "required": false; "isSignal": true; }; "boxValue": { "alias": "boxValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "inputLabel": { "alias": "inputLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; }, never, never, true, never>;
|
|
2068
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OwlTimerBoxComponent, "owl-date-time-timer-box", ["owlDateTimeTimerBox"], { "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "upBtnAriaLabel": { "alias": "upBtnAriaLabel"; "required": false; "isSignal": true; }; "upBtnDisabled": { "alias": "upBtnDisabled"; "required": false; "isSignal": true; }; "downBtnAriaLabel": { "alias": "downBtnAriaLabel"; "required": false; "isSignal": true; }; "downBtnDisabled": { "alias": "downBtnDisabled"; "required": false; "isSignal": true; }; "boxValue": { "alias": "boxValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "inputDebounce": { "alias": "inputDebounce"; "required": false; "isSignal": true; }; "inputLabel": { "alias": "inputLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputChange": "inputChange"; }, never, never, true, never>;
|
|
1967
2069
|
}
|
|
1968
2070
|
|
|
1969
2071
|
declare class OwlHourInputComponent implements ControlValueAccessor {
|
|
@@ -2276,6 +2378,7 @@ declare class UnixTimestampDateTimeAdapter extends DateTimeAdapter<number> {
|
|
|
2276
2378
|
isEqual(dateLeft: number, dateRight: number): boolean;
|
|
2277
2379
|
isSameDay(dateLeft: number, dateRight: number): boolean;
|
|
2278
2380
|
isValid(date: number): boolean;
|
|
2381
|
+
isValidFormat(value: string, parseFormat: any): boolean;
|
|
2279
2382
|
now(): number;
|
|
2280
2383
|
parse(value: any, parseFormat: any): number | null;
|
|
2281
2384
|
setHours(date: number, amount: number): number;
|
|
@@ -2324,6 +2427,7 @@ declare class NativeDateTimeAdapter extends DateTimeAdapter<Date> {
|
|
|
2324
2427
|
isEqual(dateLeft: Date, dateRight: Date): boolean;
|
|
2325
2428
|
isSameDay(dateLeft: Date, dateRight: Date): boolean;
|
|
2326
2429
|
isValid(date: Date): boolean;
|
|
2430
|
+
isValidFormat(value: string, parseFormat: any): boolean;
|
|
2327
2431
|
invalid(): Date;
|
|
2328
2432
|
isDateInstance(obj: any): boolean;
|
|
2329
2433
|
addCalendarYears(date: Date, amount: number): Date;
|