@anglr/datetime 5.0.0-beta.20221018120203 → 5.0.0-beta.20221019093146
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/changelog.md +56 -1
- package/es2015/src/interfaces/dateTimeInput/dateTimeInput.interface.js.map +1 -1
- package/es2015/src/legacy/picker/components/dayPicker/dayPicker.component.js.map +1 -1
- package/es2015/src/legacy/picker/components/monthPicker/monthPicker.component.js.map +1 -1
- package/es2015/src/legacy/picker/components/picker/picker.component.js +4 -4
- package/es2015/src/legacy/picker/components/picker/picker.component.js.map +1 -1
- package/es2015/src/legacy/picker/components/pickerBase.component.js.map +1 -1
- package/es2015/src/legacy/picker/components/pickerImplBase.component.js.map +1 -1
- package/es2015/src/legacy/picker/components/rollerTimePicker/rollerTimePicker.component.js.map +1 -1
- package/es2015/src/legacy/picker/components/yearPicker/yearPicker.component.js.map +1 -1
- package/es2015/src/legacy/picker/misc/datetimePicker.interface.js.map +1 -1
- package/es2015/src/legacy/picker/misc/tokens.js.map +1 -1
- package/es2015/src/legacy/picker/modules/picker.module.js +9 -9
- package/es2015/src/legacy/picker/modules/picker.module.js.map +1 -1
- package/es2015/src/legacy/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js +2 -2
- package/es2015/src/legacy/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js.map +1 -1
- package/es2015/src/legacy/selector/misc/datetimeSelector.interface.js.map +1 -1
- package/es2015/src/legacy/selector/modules/selector.module.js +4 -4
- package/es2015/src/legacy/selector/modules/selector.module.js.map +1 -1
- package/es2015/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js +18 -12
- package/es2015/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map +1 -1
- package/es2015/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.js +48 -0
- package/es2015/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js +180 -0
- package/es2015/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.js +2 -0
- package/es2015/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js +17 -0
- package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js +2 -0
- package/es2015/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/components/index.js +5 -0
- package/es2015/src/modules/dateTimePicker/components/index.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js +189 -0
- package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js +2 -0
- package/es2015/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/directives/index.js +3 -0
- package/es2015/src/modules/dateTimePicker/directives/index.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/index.js +6 -0
- package/es2015/src/modules/dateTimePicker/index.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js +2 -0
- package/es2015/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/interfaces/index.js +2 -0
- package/es2015/src/modules/dateTimePicker/interfaces/index.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/misc/tokens.js +10 -0
- package/es2015/src/modules/dateTimePicker/misc/tokens.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/modules/dateTimePicker.module.js +28 -0
- package/es2015/src/modules/dateTimePicker/modules/dateTimePicker.module.js.map +1 -0
- package/es2015/src/modules/dateTimePicker/modules/index.js +2 -0
- package/es2015/src/modules/dateTimePicker/modules/index.js.map +1 -0
- package/es2015/src/modules/index.js +1 -0
- package/es2015/src/modules/index.js.map +1 -1
- package/es2020/src/interfaces/dateTimeInput/dateTimeInput.interface.js.map +1 -1
- package/es2020/src/legacy/picker/components/dayPicker/dayPicker.component.js.map +1 -1
- package/es2020/src/legacy/picker/components/monthPicker/monthPicker.component.js.map +1 -1
- package/es2020/src/legacy/picker/components/picker/picker.component.js +4 -4
- package/es2020/src/legacy/picker/components/picker/picker.component.js.map +1 -1
- package/es2020/src/legacy/picker/components/pickerBase.component.js.map +1 -1
- package/es2020/src/legacy/picker/components/pickerImplBase.component.js.map +1 -1
- package/es2020/src/legacy/picker/components/rollerTimePicker/rollerTimePicker.component.js.map +1 -1
- package/es2020/src/legacy/picker/components/yearPicker/yearPicker.component.js.map +1 -1
- package/es2020/src/legacy/picker/misc/datetimePicker.interface.js.map +1 -1
- package/es2020/src/legacy/picker/misc/tokens.js.map +1 -1
- package/es2020/src/legacy/picker/modules/picker.module.js +9 -9
- package/es2020/src/legacy/picker/modules/picker.module.js.map +1 -1
- package/es2020/src/legacy/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js +2 -2
- package/es2020/src/legacy/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.js.map +1 -1
- package/es2020/src/legacy/selector/misc/datetimeSelector.interface.js.map +1 -1
- package/es2020/src/legacy/selector/modules/selector.module.js +4 -4
- package/es2020/src/legacy/selector/modules/selector.module.js.map +1 -1
- package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js +18 -12
- package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map +1 -1
- package/es2020/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.js +48 -0
- package/es2020/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js +177 -0
- package/es2020/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.js +2 -0
- package/es2020/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js +17 -0
- package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js +2 -0
- package/es2020/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/components/index.js +5 -0
- package/es2020/src/modules/dateTimePicker/components/index.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js +183 -0
- package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js +2 -0
- package/es2020/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/directives/index.js +3 -0
- package/es2020/src/modules/dateTimePicker/directives/index.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/index.js +6 -0
- package/es2020/src/modules/dateTimePicker/index.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js +2 -0
- package/es2020/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/interfaces/index.js +2 -0
- package/es2020/src/modules/dateTimePicker/interfaces/index.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/misc/tokens.js +10 -0
- package/es2020/src/modules/dateTimePicker/misc/tokens.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/modules/dateTimePicker.module.js +28 -0
- package/es2020/src/modules/dateTimePicker/modules/dateTimePicker.module.js.map +1 -0
- package/es2020/src/modules/dateTimePicker/modules/index.js +2 -0
- package/es2020/src/modules/dateTimePicker/modules/index.js.map +1 -0
- package/es2020/src/modules/index.js +1 -0
- package/es2020/src/modules/index.js.map +1 -1
- package/package.json +7 -1
- package/src/interfaces/dateTimeInput/dateTimeInput.interface.d.ts +8 -4
- package/src/interfaces/dateTimeInput/dateTimeInput.interface.d.ts.map +1 -1
- package/src/legacy/picker/components/dayPicker/dayPicker.component.d.ts +2 -2
- package/src/legacy/picker/components/dayPicker/dayPicker.component.d.ts.map +1 -1
- package/src/legacy/picker/components/monthPicker/monthPicker.component.d.ts +2 -2
- package/src/legacy/picker/components/monthPicker/monthPicker.component.d.ts.map +1 -1
- package/src/legacy/picker/components/picker/picker.component.d.ts +11 -11
- package/src/legacy/picker/components/picker/picker.component.d.ts.map +1 -1
- package/src/legacy/picker/components/pickerBase.component.d.ts +2 -2
- package/src/legacy/picker/components/pickerBase.component.d.ts.map +1 -1
- package/src/legacy/picker/components/pickerImplBase.component.d.ts +2 -2
- package/src/legacy/picker/components/pickerImplBase.component.d.ts.map +1 -1
- package/src/legacy/picker/components/rollerTimePicker/rollerTimePicker.component.d.ts +2 -2
- package/src/legacy/picker/components/rollerTimePicker/rollerTimePicker.component.d.ts.map +1 -1
- package/src/legacy/picker/components/yearPicker/yearPicker.component.d.ts +2 -2
- package/src/legacy/picker/components/yearPicker/yearPicker.component.d.ts.map +1 -1
- package/src/legacy/picker/misc/datetimePicker.interface.d.ts +2 -2
- package/src/legacy/picker/misc/datetimePicker.interface.d.ts.map +1 -1
- package/src/legacy/picker/misc/tokens.d.ts +2 -2
- package/src/legacy/picker/misc/tokens.d.ts.map +1 -1
- package/src/legacy/picker/modules/picker.module.d.ts +4 -4
- package/src/legacy/picker/modules/picker.module.d.ts.map +1 -1
- package/src/legacy/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.d.ts +2 -2
- package/src/legacy/selector/directives/dateTimePickerRenderer/dateTimePickerRenderer.directive.d.ts.map +1 -1
- package/src/legacy/selector/misc/datetimeSelector.interface.d.ts +2 -2
- package/src/legacy/selector/misc/datetimeSelector.interface.d.ts.map +1 -1
- package/src/legacy/selector/modules/selector.module.d.ts +1 -1
- package/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.d.ts +6 -2
- package/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.d.ts.map +1 -1
- package/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.d.ts +53 -0
- package/src/modules/dateTimePicker/components/dateTimePeriodPickerBase.d.ts.map +1 -0
- package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.d.ts +79 -0
- package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.d.ts.map +1 -0
- package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.html +1 -0
- package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.d.ts +17 -0
- package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.d.ts.map +1 -0
- package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.css +27 -0
- package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.d.ts +11 -0
- package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.d.ts.map +1 -0
- package/src/modules/dateTimePicker/components/dayPicker/dayPicker.component.html +23 -0
- package/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.d.ts +11 -0
- package/src/modules/dateTimePicker/components/dayPicker/dayPicker.interfaces.d.ts.map +1 -0
- package/src/modules/dateTimePicker/components/index.d.ts +5 -0
- package/src/modules/dateTimePicker/components/index.d.ts.map +1 -0
- package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.d.ts +79 -0
- package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.d.ts.map +1 -0
- package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.d.ts +31 -0
- package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.d.ts.map +1 -0
- package/src/modules/dateTimePicker/directives/index.d.ts +3 -0
- package/src/modules/dateTimePicker/directives/index.d.ts.map +1 -0
- package/src/modules/dateTimePicker/index.d.ts +6 -0
- package/src/modules/dateTimePicker/index.d.ts.map +1 -0
- package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts +40 -0
- package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts.map +1 -0
- package/src/modules/dateTimePicker/interfaces/index.d.ts +2 -0
- package/src/modules/dateTimePicker/interfaces/index.d.ts.map +1 -0
- package/src/modules/dateTimePicker/misc/tokens.d.ts +12 -0
- package/src/modules/dateTimePicker/misc/tokens.d.ts.map +1 -0
- package/src/modules/dateTimePicker/modules/dateTimePicker.module.d.ts +12 -0
- package/src/modules/dateTimePicker/modules/dateTimePicker.module.d.ts.map +1 -0
- package/src/modules/dateTimePicker/modules/index.d.ts +2 -0
- package/src/modules/dateTimePicker/modules/index.d.ts.map +1 -0
- package/src/modules/index.d.ts +1 -0
- package/src/modules/index.d.ts.map +1 -1
- package/styles/components/_date-time-picker.scss +8 -0
- package/styles/core/_functions.scss +11 -0
- package/styles/core/_misc.scss +199 -0
- package/styles/core/_mixins.scss +23 -0
- package/styles/core/_theme.scss +3 -0
- package/styles/index.scss +2 -0
- package/styles/themes/dark.scss +19 -0
- package/styles/themes/light.scss +19 -0
- package/version.bak +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetimeSelector.interface.d.ts","sourceRoot":"","sources":["datetimeSelector.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"datetimeSelector.interface.d.ts","sourceRoot":"","sources":["datetimeSelector.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAC,2BAA2B,EAAC,MAAM,4CAA4C,CAAC;AAEvF;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,SAAS,GAAG,GAAG,EAAE,OAAO,GAAG,GAAG,CAAE,SAAQ,2BAA2B,CAAC,OAAO,CAAC;IAEjH;;OAEG;IACH,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAEnC;;OAEG;IACH,wBAAwB,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAE1C;;OAEG;IACH,uBAAuB,EAAE,MAAM,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,KAAK,GAAG,GAAG;IAEzC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,EAAE,MAAM,GAAC,IAAI,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,CAAC;IAE1C;;OAEG;IACH,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAC,IAAI,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAE5C;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,KAAK,GAAC,IAAI,GAAG,IAAI,CAAC;IAErC;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,KAAK,GAAC,IAAI,GAAG,IAAI,CAAC;IAErC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAC,IAAI,GAAG,IAAI,CAAC;IAEjD;;;OAGG;IACH,WAAW,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAEtC;;OAEG;IACH,iBAAiB,IAAI,IAAI,CAAC;CAC7B"}
|
|
@@ -14,7 +14,7 @@ import * as i10 from "../../picker/modules/picker.module";
|
|
|
14
14
|
*/
|
|
15
15
|
export declare class DateTimeSelectorModule {
|
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<DateTimeSelectorModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimeSelectorModule, [typeof i1.DateTimeSelectorComponent, typeof i2.InputDateTimeSelectorComponent, typeof i3.DateTimeSelectorControlValueAccessor, typeof i4.DatetimeValidatorDirective, typeof i5.DatetimeMinValidatorDirective, typeof i6.DatetimeMaxValidatorDirective, typeof i7.DateTimePickerRendererDirective], [typeof i8.CommonModule, typeof i9.CommonDynamicModule, typeof i10.
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimeSelectorModule, [typeof i1.DateTimeSelectorComponent, typeof i2.InputDateTimeSelectorComponent, typeof i3.DateTimeSelectorControlValueAccessor, typeof i4.DatetimeValidatorDirective, typeof i5.DatetimeMinValidatorDirective, typeof i6.DatetimeMaxValidatorDirective, typeof i7.DateTimePickerRendererDirective], [typeof i8.CommonModule, typeof i9.CommonDynamicModule, typeof i10.DateTimeLegacyPickerModule], [typeof i1.DateTimeSelectorComponent, typeof i3.DateTimeSelectorControlValueAccessor, typeof i4.DatetimeValidatorDirective, typeof i5.DatetimeMinValidatorDirective, typeof i6.DatetimeMaxValidatorDirective, typeof i7.DateTimePickerRendererDirective]>;
|
|
18
18
|
static ɵinj: i0.ɵɵInjectorDeclaration<DateTimeSelectorModule>;
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=selector.module.d.ts.map
|
|
@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Directive that is used for setting up date time input
|
|
9
9
|
*/
|
|
10
10
|
export declare class DateTimeInputDirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy {
|
|
11
|
-
protected
|
|
11
|
+
protected elementRef: ElementRef<HTMLInputElement>;
|
|
12
12
|
protected valueProvider: DateValueProvider<TDate>;
|
|
13
13
|
/**
|
|
14
14
|
* Internal representation of current date time value
|
|
@@ -29,6 +29,10 @@ export declare class DateTimeInputDirective<TDate = unknown> extends DateTimeBas
|
|
|
29
29
|
*/
|
|
30
30
|
get disabled(): boolean;
|
|
31
31
|
set disabled(value: boolean);
|
|
32
|
+
/**
|
|
33
|
+
* Html element that represents input itself
|
|
34
|
+
*/
|
|
35
|
+
get element(): HTMLElement;
|
|
32
36
|
/**
|
|
33
37
|
* @inheritdoc
|
|
34
38
|
*/
|
|
@@ -37,7 +41,7 @@ export declare class DateTimeInputDirective<TDate = unknown> extends DateTimeBas
|
|
|
37
41
|
* @inheritdoc
|
|
38
42
|
*/
|
|
39
43
|
blur: EventEmitter<FocusEvent>;
|
|
40
|
-
constructor(
|
|
44
|
+
constructor(elementRef: ElementRef<HTMLInputElement>, dateApi: DateApi<TDate>, formatProvider: FormatProvider, valueProvider: DateValueProvider<TDate>);
|
|
41
45
|
/**
|
|
42
46
|
* Called when component is destroyed
|
|
43
47
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dateTimeInput.directive.d.ts","sourceRoot":"","sources":["dateTimeInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,YAAY,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;AAGnH,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAC,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAI7C;;GAEG;AACH,qBAaa,sBAAsB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,KAAK,CAAE,YAAW,aAAa,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"dateTimeInput.directive.d.ts","sourceRoot":"","sources":["dateTimeInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,YAAY,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;AAGnH,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAC,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAI7C;;GAEG;AACH,qBAaa,sBAAsB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,KAAK,CAAE,YAAW,aAAa,EAAE,SAAS;IA8EpG,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAGlD,SAAS,CAAC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IA7E7D;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAInE;;OAEG;IACH,IAAW,QAAQ,IAAI,MAAM,GAAC,SAAS,GAAC,IAAI,CAG3C;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,EAG/C;IAED;;OAEG;IACH,IAAoB,KAAK,IAAI,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAG1E;IACD,IAAoB,KAAK,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,EAe9E;IAED;;OAEG;IACH,IAAW,QAAQ,IAAI,OAAO,CAG7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,WAAW,CAGhC;IAED;;OAEG;IACI,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;IAExE;;OAEG;IACI,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;gBAGjD,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC,EAChC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAChB,cAAc,EAAE,cAAc,EAC7C,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IAW7D;;OAEG;IACI,WAAW,IAAI,IAAI;IAS1B;;;OAGG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,GAAG,IAAI;IA6CvF;;OAEG;IAEH,SAAS,CAAC,WAAW,IAAI,IAAI;IAkB7B;;;OAGG;IAEH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK9C;;;OAGG;IAEH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA9LpC,sBAAsB;2CAAtB,sBAAsB;CAkMlC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Observable, Subject } from 'rxjs';
|
|
2
|
+
import { DateTimeObjectValue } from '../../../misc/types';
|
|
3
|
+
import { DateTimePicker } from '../interfaces';
|
|
4
|
+
/**
|
|
5
|
+
* Base abstract class for each date time period picker
|
|
6
|
+
*/
|
|
7
|
+
export declare abstract class DateTimePeriodPickerBase<TDate = unknown, TOptions = unknown> implements DateTimePicker<TDate, TOptions> {
|
|
8
|
+
/**
|
|
9
|
+
* Subject used for emitting of value changes
|
|
10
|
+
*/
|
|
11
|
+
protected valueChangeSubject: Subject<void>;
|
|
12
|
+
/**
|
|
13
|
+
* Subject used for emitting of go up
|
|
14
|
+
*/
|
|
15
|
+
protected goUpSubject: Subject<TDate>;
|
|
16
|
+
/**
|
|
17
|
+
* Subject used for emitting of go down
|
|
18
|
+
*/
|
|
19
|
+
protected goDownSubject: Subject<TDate>;
|
|
20
|
+
/**
|
|
21
|
+
* @inheritdoc
|
|
22
|
+
*/
|
|
23
|
+
value: DateTimeObjectValue<TDate> | undefined | null;
|
|
24
|
+
/**
|
|
25
|
+
* @inheritdoc
|
|
26
|
+
*/
|
|
27
|
+
options: TOptions | undefined | null;
|
|
28
|
+
/**
|
|
29
|
+
* @inheritdoc
|
|
30
|
+
*/
|
|
31
|
+
display: TDate | undefined | null;
|
|
32
|
+
/**
|
|
33
|
+
* @inheritdoc
|
|
34
|
+
*/
|
|
35
|
+
canGoUp: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* @inheritdoc
|
|
38
|
+
*/
|
|
39
|
+
canGoDown: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* @inheritdoc
|
|
42
|
+
*/
|
|
43
|
+
get valueChange(): Observable<void>;
|
|
44
|
+
/**
|
|
45
|
+
* @inheritdoc
|
|
46
|
+
*/
|
|
47
|
+
get goUp(): Observable<TDate>;
|
|
48
|
+
/**
|
|
49
|
+
* @inheritdoc
|
|
50
|
+
*/
|
|
51
|
+
get goDown(): Observable<TDate>;
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=dateTimePeriodPickerBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePeriodPickerBase.d.ts","sourceRoot":"","sources":["dateTimePeriodPickerBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C;;GAEG;AACH,8BAAsB,wBAAwB,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO,CAAE,YAAW,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC;IAI1H;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,CAAuB;IAElE;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAE7D;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC,CAAwB;IAI/D;;OAEG;IACI,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAExD;;OAEG;IACI,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAExC;;OAEG;IACI,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAErC;;OAEG;IACI,OAAO,EAAE,OAAO,CAAS;IAEhC;;OAEG;IACI,SAAS,EAAE,OAAO,CAAS;IAElC;;OAEG;IACH,IAAW,WAAW,IAAI,UAAU,CAAC,IAAI,CAAC,CAGzC;IAED;;OAEG;IACH,IAAW,IAAI,IAAI,UAAU,CAAC,KAAK,CAAC,CAGnC;IAED;;OAEG;IACH,IAAW,MAAM,IAAI,UAAU,CAAC,KAAK,CAAC,CAGrC;CACJ"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { ViewContainerRef, Type, EventEmitter, OnChanges, SimpleChanges, OnDestroy, ComponentRef } from '@angular/core';
|
|
2
|
+
import { Position } from '@anglr/common';
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
4
|
+
import { DateTimeInputValue } from '../../../../interfaces';
|
|
5
|
+
import { DateTimeInputOutputValue } from '../../../../misc/types';
|
|
6
|
+
import { DateTimePickerOptions } from './dateTimePicker.interface';
|
|
7
|
+
import { DateTimePicker } from '../../interfaces';
|
|
8
|
+
import { DateApi } from '../../../../services';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* Component used for displaying date time picker
|
|
12
|
+
*/
|
|
13
|
+
export declare class DateTimePickerComponent<TDate = unknown> implements DateTimeInputValue<TDate>, OnChanges, OnDestroy {
|
|
14
|
+
protected position: Position;
|
|
15
|
+
protected dateApi: DateApi<TDate>;
|
|
16
|
+
/**
|
|
17
|
+
* Subscription for changes in date time period picker
|
|
18
|
+
*/
|
|
19
|
+
protected periodChangesSubscription: Subscription | undefined | null;
|
|
20
|
+
/**
|
|
21
|
+
* Options for date time picker
|
|
22
|
+
*/
|
|
23
|
+
protected ɵOptions: DateTimePickerOptions<TDate>;
|
|
24
|
+
/**
|
|
25
|
+
* Currently displayed period type
|
|
26
|
+
*/
|
|
27
|
+
protected displayedPeriodType: Type<DateTimePicker<TDate>>;
|
|
28
|
+
/**
|
|
29
|
+
* Name of period which is currently displayed
|
|
30
|
+
*/
|
|
31
|
+
protected displayedPeriodName: string;
|
|
32
|
+
/**
|
|
33
|
+
* Instance of created date time period picker
|
|
34
|
+
*/
|
|
35
|
+
protected component: ComponentRef<DateTimePicker<TDate>> | undefined | null;
|
|
36
|
+
/**
|
|
37
|
+
* Container used for displaying pickers for specific date time part
|
|
38
|
+
*/
|
|
39
|
+
protected pickerContainer: ViewContainerRef | undefined | null;
|
|
40
|
+
/**
|
|
41
|
+
* @inheritdoc
|
|
42
|
+
*/
|
|
43
|
+
value: DateTimeInputOutputValue<TDate> | undefined | null;
|
|
44
|
+
/**
|
|
45
|
+
* Options for date time picker
|
|
46
|
+
*/
|
|
47
|
+
get options(): Partial<DateTimePickerOptions<TDate>>;
|
|
48
|
+
set options(value: Partial<DateTimePickerOptions<TDate>>);
|
|
49
|
+
/**
|
|
50
|
+
* @inheritdoc
|
|
51
|
+
*/
|
|
52
|
+
valueChange: EventEmitter<void>;
|
|
53
|
+
constructor(position: Position, dateApi: DateApi<TDate>, options?: DateTimePickerOptions<TDate>);
|
|
54
|
+
/**
|
|
55
|
+
* Called when input value changes
|
|
56
|
+
*/
|
|
57
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
58
|
+
/**
|
|
59
|
+
* Called when component is destroyed
|
|
60
|
+
*/
|
|
61
|
+
ngOnDestroy(): void;
|
|
62
|
+
/**
|
|
63
|
+
* Shows picker
|
|
64
|
+
* @param type - Type of period that should be displayed
|
|
65
|
+
* @param displayDate - Display date to be shown
|
|
66
|
+
*/
|
|
67
|
+
protected showPicker(type: Type<DateTimePicker<TDate>>, displayDate: TDate): void;
|
|
68
|
+
/**
|
|
69
|
+
* Gets type that is above current period picker
|
|
70
|
+
*/
|
|
71
|
+
protected getUpperType(): Type<DateTimePicker<TDate>>;
|
|
72
|
+
/**
|
|
73
|
+
* Gets type that is below current period picker
|
|
74
|
+
*/
|
|
75
|
+
protected getLowerType(): Type<DateTimePicker<TDate>>;
|
|
76
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerComponent<any>, [null, null, { optional: true; }]>;
|
|
77
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DateTimePickerComponent<any>, "date-time-picker", never, { "value": "value"; "options": "options"; }, { "valueChange": "valueChange"; }, never, never, false>;
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=dateTimePicker.component.d.ts.map
|
package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.component.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePicker.component.d.ts","sourceRoot":"","sources":["dateTimePicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAiB,SAAS,EAAE,aAAa,EAAoB,SAAS,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACtM,OAAO,EAAC,QAAQ,EAAW,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAGhE,OAAO,EAAC,qBAAqB,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;;AAsB7C;;GAEG;AACH,qBAMa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS;IAwE9E,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IArE/D;;OAEG;IACH,SAAS,CAAC,yBAAyB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjE;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAEtC;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAIxE;;OAEG;IAEH,SAAS,CAAC,eAAe,EAAE,gBAAgB,GAAC,SAAS,GAAC,IAAI,CAAC;IAI3D;;OAEG;IAEI,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAE7D;;OAEG;IACH,IACW,OAAO,IAAI,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAG1D;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAQ9D;IAID;;OAEG;IAEI,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,CAA4B;gBAG1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACL,OAAO,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAoBhG;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAmBhD;;OAEG;IACI,WAAW,IAAI,IAAI;IAW1B;;;;OAIG;IACH,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI;IA0CjF;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAqBrD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;yCA5M5C,uBAAuB;2CAAvB,uBAAuB;CAgOnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<ng-container #container></ng-container>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import { Dictionary } from '@jscrpt/common';
|
|
3
|
+
import { DateTimePicker } from '../../interfaces';
|
|
4
|
+
/**
|
|
5
|
+
* Defintion of date time picker component options
|
|
6
|
+
*/
|
|
7
|
+
export interface DateTimePickerOptions<TDate = unknown> {
|
|
8
|
+
/**
|
|
9
|
+
* Definition of types for each period type for picker
|
|
10
|
+
*/
|
|
11
|
+
periodsDefinition: Dictionary<Type<DateTimePicker<TDate>>>;
|
|
12
|
+
/**
|
|
13
|
+
* Name of default period for picker that is displayed after opening
|
|
14
|
+
*/
|
|
15
|
+
defaultPeriod: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=dateTimePicker.interface.d.ts.map
|
package/src/modules/dateTimePicker/components/dateTimePicker/dateTimePicker.interface.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,KAAK,GAAG,OAAO;IAElD;;OAEG;IACH,iBAAiB,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3D;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;CACzB"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
:host
|
|
2
|
+
{
|
|
3
|
+
position: absolute;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.period-data
|
|
7
|
+
{
|
|
8
|
+
grid-template-columns: repeat(7, 1fr);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.weekday
|
|
12
|
+
{
|
|
13
|
+
text-align: center;
|
|
14
|
+
font-weight: bold;
|
|
15
|
+
opacity: 0.7;
|
|
16
|
+
margin-bottom: 6px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.period-datum:not(.other-month)
|
|
20
|
+
{
|
|
21
|
+
font-weight: bold;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.other-month
|
|
25
|
+
{
|
|
26
|
+
opacity: 0.5;
|
|
27
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { DateTimePicker } from '../../interfaces';
|
|
2
|
+
import { DateTimePeriodPickerBase } from '../dateTimePeriodPickerBase';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Component used for displaying day picker
|
|
6
|
+
*/
|
|
7
|
+
export declare class DayPickerSAComponent<TDate = unknown> extends DateTimePeriodPickerBase<TDate> implements DateTimePicker<TDate> {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DayPickerSAComponent<any>, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DayPickerSAComponent<any>, "day-picker", never, {}, {}, never, never, true>;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=dayPicker.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dayPicker.component.d.ts","sourceRoot":"","sources":["dayPicker.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;;AAErE;;GAEG;AACH,qBAWa,oBAAoB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,wBAAwB,CAAC,KAAK,CAAE,YAAW,cAAc,CAAC,KAAK,CAAC;yCAA9G,oBAAoB;2CAApB,oBAAoB;CAEhC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<!-- <div [ngClass]="cssClasses.periodSelection | asRequired">
|
|
2
|
+
<div [ngClass]="cssClasses.previousPeriod | asRequired" (mousedown)="previousMonth($event)"></div>
|
|
3
|
+
<div [ngClass]="cssClasses.periodValue | asRequired | mergeCssClasses: [{'clickable': canGoUp}]" (mousedown)="goUp($event)">{{displayDate?.format('MMMM yyyy')}}</div>
|
|
4
|
+
<div [ngClass]="cssClasses.nextPeriod | asRequired" (mousedown)="nextMonth($event)"></div>
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div [ngClass]="cssClasses.periodData | asRequired">
|
|
8
|
+
<div [ngClass]="cssClasses.weekdayName | asRequired" *ngFor="let weekday of weekdays">{{weekday}}</div>
|
|
9
|
+
<div *ngFor="let day of periodData"
|
|
10
|
+
[ngClass]="cssClasses.periodDatum | asRequired"
|
|
11
|
+
[class.other-month]="day.otherMonth"
|
|
12
|
+
[class.today]="day.today"
|
|
13
|
+
[class.weekend]="day.weekend"
|
|
14
|
+
[class.active]="day.active"
|
|
15
|
+
[class.disabled]="day.disabled"
|
|
16
|
+
(mousedown)="select($event, day)">{{day.day}}</div>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<div class="flex-row" style="justify-content: center; border-top: 1px solid #FFF;" *ngIf="canGoDown">
|
|
20
|
+
<div [class.clickable]="canGoDown" (mousedown)="goDown($event)">{{timeValue?.from | dateFormat: 'time'}}</div>
|
|
21
|
+
</div> -->
|
|
22
|
+
|
|
23
|
+
DAY
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CommonPickerCssClasses } from '../../../../legacy/picker/interfaces';
|
|
2
|
+
/**
|
|
3
|
+
* Specific css classes for day picker
|
|
4
|
+
*/
|
|
5
|
+
export interface DayPickerCssClasses extends CommonPickerCssClasses {
|
|
6
|
+
/**
|
|
7
|
+
* Element displaying weekday name
|
|
8
|
+
*/
|
|
9
|
+
weekdayName?: string;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=dayPicker.interfaces.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dayPicker.interfaces.d.ts","sourceRoot":"","sources":["dayPicker.interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,sCAAsC,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IAE/D;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iCAAiC,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { ComponentRef, ElementRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { Position } from '@anglr/common';
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
4
|
+
import { DateTimeInput } from '../../../../interfaces';
|
|
5
|
+
import { DateTimePickerComponent } from '../../components';
|
|
6
|
+
import { DateTimePickerDirectiveOptions } from './dateTimePicker.interface';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* Directive that is used for displaying and attaching date time picker
|
|
10
|
+
*/
|
|
11
|
+
export declare class DateTimePickerDirective<TDate = unknown> implements OnInit, OnDestroy {
|
|
12
|
+
protected viewContainer: ViewContainerRef;
|
|
13
|
+
protected element: ElementRef<HTMLElement>;
|
|
14
|
+
protected input: DateTimeInput<TDate>;
|
|
15
|
+
protected document: Document;
|
|
16
|
+
protected position: Position;
|
|
17
|
+
/**
|
|
18
|
+
* Indication whether is value changes disabled
|
|
19
|
+
*/
|
|
20
|
+
protected valueChangeDisabled: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Options for date time picker directive
|
|
23
|
+
*/
|
|
24
|
+
protected ɵWithPickerOptions: DateTimePickerDirectiveOptions;
|
|
25
|
+
/**
|
|
26
|
+
* Subscriptions created during initialization
|
|
27
|
+
*/
|
|
28
|
+
protected initSubscriptions: Subscription;
|
|
29
|
+
/**
|
|
30
|
+
* Date time picker component reference
|
|
31
|
+
*/
|
|
32
|
+
protected componentRef: ComponentRef<DateTimePickerComponent<TDate>> | undefined | null;
|
|
33
|
+
/**
|
|
34
|
+
* Instance of date time picker component
|
|
35
|
+
*/
|
|
36
|
+
protected component: DateTimePickerComponent<TDate> | undefined | null;
|
|
37
|
+
/**
|
|
38
|
+
* Instance of date time picker element
|
|
39
|
+
*/
|
|
40
|
+
protected componentElement: HTMLElement | undefined | null;
|
|
41
|
+
/**
|
|
42
|
+
* Subscription for value changes in picker
|
|
43
|
+
*/
|
|
44
|
+
protected valueChangeSubscription: Subscription | undefined | null;
|
|
45
|
+
/**
|
|
46
|
+
* Gets or sets options for date time picker directive
|
|
47
|
+
*/
|
|
48
|
+
get withPickerOptions(): Partial<DateTimePickerDirectiveOptions>;
|
|
49
|
+
set withPickerOptions(value: Partial<DateTimePickerDirectiveOptions>);
|
|
50
|
+
constructor(viewContainer: ViewContainerRef, element: ElementRef<HTMLElement>, input: DateTimeInput<TDate>, document: Document, position: Position, options?: DateTimePickerDirectiveOptions);
|
|
51
|
+
/**
|
|
52
|
+
* Initialize component
|
|
53
|
+
*/
|
|
54
|
+
ngOnInit(): Promise<void>;
|
|
55
|
+
/**
|
|
56
|
+
* Called when component is destroyed
|
|
57
|
+
*/
|
|
58
|
+
ngOnDestroy(): void;
|
|
59
|
+
/**
|
|
60
|
+
* Hides date time picker
|
|
61
|
+
*/
|
|
62
|
+
showPicker(): Promise<void>;
|
|
63
|
+
/**
|
|
64
|
+
* Shows date time picker
|
|
65
|
+
*/
|
|
66
|
+
hidePicker(): void;
|
|
67
|
+
/**
|
|
68
|
+
* Sets all picker value
|
|
69
|
+
*/
|
|
70
|
+
protected setPickerValue(): void;
|
|
71
|
+
/**
|
|
72
|
+
* Handles clicking outside of picker
|
|
73
|
+
* @param event - Event that occured
|
|
74
|
+
*/
|
|
75
|
+
protected handleClickOutside(event: MouseEvent): void;
|
|
76
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerDirective<any>, [null, null, null, null, null, { optional: true; }]>;
|
|
77
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DateTimePickerDirective<any>, "[dateTime][withPicker]", ["dateTimePicker"], { "withPickerOptions": "withPickerOptions"; }, {}, never, never, false>;
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=dateTimePicker.directive.d.ts.map
|
package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePicker.directive.d.ts","sourceRoot":"","sources":["dateTimePicker.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAa,UAAU,EAAkC,SAAS,EAAE,MAAM,EAAY,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjJ,OAAO,EAAC,QAAQ,EAAmD,MAAM,eAAe,CAAC;AAEzF,OAAO,EAAgB,YAAY,EAAC,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAC,8BAA8B,EAAC,MAAM,4BAA4B,CAAC;;AAgB1E;;GAEG;AACH,qBAKa,uBAAuB,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,MAAM,EAAE,SAAS;IAuDlE,SAAS,CAAC,aAAa,EAAE,gBAAgB;IACzC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IACjB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;IAC5C,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC5B,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAvD1D;;OAEG;IACH,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAS;IAE/C;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,8BAA8B,CAAC;IAE7D;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,YAAY,CAAsB;IAE/D;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEpF;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,uBAAuB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEnE;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,uBAAuB,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAI/D;;OAEG;IACH,IACW,iBAAiB,IAAI,OAAO,CAAC,8BAA8B,CAAC,CAGtE;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,8BAA8B,CAAC,EAG1E;gBAGqB,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACU,OAAO,CAAC,EAAE,8BAA8B;IAO5G;;OAEG;IACU,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBtC;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAsCxC;;OAEG;IACI,UAAU,IAAI,IAAI;IAuBzB;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAehC;;;OAGG;IAEH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA/L5C,uBAAuB;2CAAvB,uBAAuB;CA8MnC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { PositionPlacement } from '@anglr/common';
|
|
2
|
+
/**
|
|
3
|
+
* Defintion of date time picker directive options
|
|
4
|
+
*/
|
|
5
|
+
export interface DateTimePickerDirectiveOptions {
|
|
6
|
+
/**
|
|
7
|
+
* Indication whether close picker on value selection
|
|
8
|
+
*/
|
|
9
|
+
closeOnValueSelect: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Indication whether display picker when date time input gets focus
|
|
12
|
+
*/
|
|
13
|
+
showOnFocus: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Indication whether is picker always visible, mostly used for debugging
|
|
16
|
+
*/
|
|
17
|
+
alwaysVisible: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Indication whether picker is disabled, if true, you cant display picker
|
|
20
|
+
*/
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Indication whether use absolute global positioning of picker
|
|
24
|
+
*/
|
|
25
|
+
absolute: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Position options that are used to position picker
|
|
28
|
+
*/
|
|
29
|
+
positionOptions: Partial<PositionPlacement>;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=dateTimePicker.interface.d.ts.map
|
package/src/modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.interface.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAE3C;;OAEG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC/C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { DateTimeObjectValue } from '../../../../misc/types';
|
|
3
|
+
/**
|
|
4
|
+
* Describes date time picker API for each date time period
|
|
5
|
+
*/
|
|
6
|
+
export interface DateTimePicker<TDate = unknown, TOptions = unknown> {
|
|
7
|
+
/**
|
|
8
|
+
* Value of date time picker
|
|
9
|
+
*/
|
|
10
|
+
value: DateTimeObjectValue<TDate> | undefined | null;
|
|
11
|
+
/**
|
|
12
|
+
* Options for date time picker period
|
|
13
|
+
*/
|
|
14
|
+
options: TOptions | undefined | null;
|
|
15
|
+
/**
|
|
16
|
+
* Date that describes which date should be displayed
|
|
17
|
+
*/
|
|
18
|
+
display: TDate | undefined | null;
|
|
19
|
+
/**
|
|
20
|
+
* Indication whether picker can display lower granularity picker
|
|
21
|
+
*/
|
|
22
|
+
canGoUp: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Indication whether picker can display higher granularity picker
|
|
25
|
+
*/
|
|
26
|
+
canGoDown: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Occurs when date time picker value changes
|
|
29
|
+
*/
|
|
30
|
+
readonly valueChange: Observable<void>;
|
|
31
|
+
/**
|
|
32
|
+
* Occurs when period with lower granularity should be displayed
|
|
33
|
+
*/
|
|
34
|
+
readonly goUp: Observable<TDate>;
|
|
35
|
+
/**
|
|
36
|
+
* Occurs when period with higher granularity should be displayed
|
|
37
|
+
*/
|
|
38
|
+
readonly goDown: Observable<TDate>;
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=dateTimePicker.interface.d.ts.map
|
package/src/modules/dateTimePicker/interfaces/dateTimePicker/dateTimePicker.interface.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePicker.interface.d.ts","sourceRoot":"","sources":["dateTimePicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAEhC,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,OAAO;IAE/D;;OAEG;IACH,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjD;;OAEG;IACH,OAAO,EAAE,QAAQ,GAAC,SAAS,GAAC,IAAI,CAAC;IAEjC;;OAEG;IACH,OAAO,EAAE,KAAK,GAAC,SAAS,GAAC,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CACtC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
import { DateTimePickerOptions } from '../components/dateTimePicker/dateTimePicker.interface';
|
|
3
|
+
import { DateTimePickerDirectiveOptions } from '../directives/dateTimePicker/dateTimePicker.interface';
|
|
4
|
+
/**
|
|
5
|
+
* Injection token for global options for date time picker directive
|
|
6
|
+
*/
|
|
7
|
+
export declare const DATE_TIME_PICKER_DIRECTIVE_OPTIONS: InjectionToken<Partial<DateTimePickerDirectiveOptions>>;
|
|
8
|
+
/**
|
|
9
|
+
* Injection token for global options for date time picker component
|
|
10
|
+
*/
|
|
11
|
+
export declare const DATE_TIME_PICKER_OPTIONS: InjectionToken<Partial<DateTimePickerOptions>>;
|
|
12
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAC,qBAAqB,EAAC,MAAM,uDAAuD,CAAC;AAC5F,OAAO,EAAC,8BAA8B,EAAC,MAAM,uDAAuD,CAAC;AAErG;;GAEG;AACH,eAAO,MAAM,kCAAkC,EAAE,cAAc,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAqG,CAAC;AAE7M;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAkF,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "../components/dateTimePicker/dateTimePicker.component";
|
|
3
|
+
import * as i2 from "../directives/dateTimePicker/dateTimePicker.directive";
|
|
4
|
+
/**
|
|
5
|
+
* Module for components that are used as date time picker
|
|
6
|
+
*/
|
|
7
|
+
export declare class DateTimePickerModule {
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DateTimePickerModule, never>;
|
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DateTimePickerModule, [typeof i1.DateTimePickerComponent, typeof i2.DateTimePickerDirective], never, [typeof i1.DateTimePickerComponent, typeof i2.DateTimePickerDirective]>;
|
|
10
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DateTimePickerModule>;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=dateTimePicker.module.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimePicker.module.d.ts","sourceRoot":"","sources":["dateTimePicker.module.ts"],"names":[],"mappings":";;;AAKA;;GAEG;AACH,qBAaa,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAEhC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
package/src/modules/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}
|