@luoxiao123/angular-material-date-time-range-picker 21.0.0 → 21.1.1

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.
Files changed (5) hide show
  1. package/README.md +48 -31
  2. package/fesm2022/luoxiao123-angular-material-date-time-range-picker.mjs +197 -553
  3. package/fesm2022/luoxiao123-angular-material-date-time-range-picker.mjs.map +1 -1
  4. package/package.json +3 -2
  5. package/types/luoxiao123-angular-material-date-time-range-picker.d.ts +21 -24
package/types/luoxiao123-angular-material-date-time-range-picker.d.ts CHANGED
@@ -4,13 +4,13 @@ import { DateRange } from '@angular/material/datepicker';
4
4
  import { ControlValueAccessor, NgControl } from '@angular/forms';
5
5
  import { MatFormFieldControl } from '@angular/material/form-field';
6
6
  import { Subject, Observable } from 'rxjs';
7
+ import { MatSidenav } from '@angular/material/sidenav';
7
8
 
8
9
  interface DateTimePickerValue {
9
10
  start: string;
10
11
  end: string;
11
12
  }
12
13
  interface DatePickerModel {
13
- optionalFeatures: boolean;
14
14
  dateTimePicker?: DateTimePickerValue | null;
15
15
  future: boolean;
16
16
  dateFormat?: string;
@@ -21,30 +21,20 @@ interface TimeRange {
21
21
  start: string;
22
22
  end: string;
23
23
  }
24
- interface Weekday {
25
- label: string;
26
- data: string;
27
- value: number;
28
- selected: boolean;
29
- }
30
- interface HourType {
31
- label: string;
32
- value: number;
33
- selected: boolean;
34
- }
35
24
 
36
25
  declare class DatePickerComponent implements ControlValueAccessor, MatFormFieldControl<DateTimePickerValue | null> {
37
26
  #private;
27
+ private _dateAdapter;
28
+ private _dateFormats;
38
29
  protected destroyRef: DestroyRef;
39
30
  dateRangeButton?: ElementRef<HTMLButtonElement>;
40
31
  ngControl: NgControl | null;
41
32
  required: boolean;
42
- disabled: boolean;
43
- dateFormat: string;
33
+ disabledInput: _angular_core.InputSignal<boolean>;
34
+ private _formDisabled;
44
35
  valueFormat: string;
45
36
  dateTimePicker: DateTimePickerValue | undefined;
46
37
  placeholder: string;
47
- optionalFeatures: _angular_core.InputSignal<boolean>;
48
38
  future: _angular_core.InputSignal<boolean>;
49
39
  selectedDateRange: _angular_core.ModelSignal<DateRange<Date> | undefined>;
50
40
  toggle: _angular_core.WritableSignal<boolean>;
@@ -52,6 +42,9 @@ declare class DatePickerComponent implements ControlValueAccessor, MatFormFieldC
52
42
  readonly stateChanges: Subject<void>;
53
43
  private onChange?;
54
44
  private onTouched?;
45
+ protected displayStart: _angular_core.Signal<string>;
46
+ protected displayEnd: _angular_core.Signal<string>;
47
+ private formatDate;
55
48
  constructor();
56
49
  ref: _angular_core.EffectRef;
57
50
  openDateDialogSelector(): void;
@@ -59,6 +52,7 @@ declare class DatePickerComponent implements ControlValueAccessor, MatFormFieldC
59
52
  registerOnChange(fn: (value: any) => void): void;
60
53
  registerOnTouched(fn: () => void): void;
61
54
  setDisabledState(isDisabled: boolean): void;
55
+ get disabled(): boolean;
62
56
  get empty(): boolean;
63
57
  get shouldPlaceholderFloat(): boolean;
64
58
  get focused(): boolean;
@@ -69,14 +63,18 @@ declare class DatePickerComponent implements ControlValueAccessor, MatFormFieldC
69
63
  get value(): any;
70
64
  setDescribedByIds(ids: string[]): void;
71
65
  onContainerClick(event: MouseEvent): void;
66
+ clear(event?: Event): void;
72
67
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
73
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "date-time-picker", never, { "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "valueFormat": { "alias": "valueFormat"; "required": false; }; "dateTimePicker": { "alias": "dateTimePicker"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "optionalFeatures": { "alias": "optionalFeatures"; "required": false; "isSignal": true; }; "future": { "alias": "future"; "required": false; "isSignal": true; }; "selectedDateRange": { "alias": "selectedDateRange"; "required": false; "isSignal": true; }; }, { "selectedDateRange": "selectedDateRangeChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
68
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "date-time-picker", never, { "required": { "alias": "required"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; }; "dateTimePicker": { "alias": "dateTimePicker"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "future": { "alias": "future"; "required": false; "isSignal": true; }; "selectedDateRange": { "alias": "selectedDateRange"; "required": false; "isSignal": true; }; }, { "selectedDateRange": "selectedDateRangeChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
74
69
  }
75
70
 
76
71
  declare class DateSelector implements OnInit {
77
72
  #private;
73
+ private _dateAdapter;
74
+ private _dateFormats;
75
+ sidenav?: MatSidenav;
76
+ isMobile: _angular_core.WritableSignal<boolean>;
78
77
  data: DatePickerModel;
79
- dateFormat: string;
80
78
  valueFormat: string;
81
79
  startDate: _angular_core.ModelSignal<string>;
82
80
  endDate: _angular_core.ModelSignal<string>;
@@ -85,19 +83,18 @@ declare class DateSelector implements OnInit {
85
83
  endHour: _angular_core.ModelSignal<number | null>;
86
84
  endMinute: _angular_core.ModelSignal<number | null>;
87
85
  future: _angular_core.ModelSignal<boolean>;
88
- optionalFeatures: _angular_core.ModelSignal<boolean>;
86
+ displayStart: _angular_core.Signal<string>;
87
+ displayEnd: _angular_core.Signal<string>;
88
+ private formatDate;
89
89
  relativeDurations: string[][];
90
90
  fixedDays: string[][];
91
91
  currentPeriods: string[][];
92
92
  timeRanges: _angular_core.WritableSignal<TimeRange[]>;
93
93
  selectedTimeRange: _angular_core.ModelSignal<TimeRange | undefined>;
94
- allDays: _angular_core.ModelSignal<boolean>;
95
- weekdays: _angular_core.ModelSignal<Weekday[]>;
96
- allHours: _angular_core.ModelSignal<boolean>;
97
- hourTypes: _angular_core.WritableSignal<HourType[]>;
98
94
  selectedDateRange: DateRange<Date> | null;
99
95
  now: Date;
100
96
  selectingStart: boolean;
97
+ constructor();
101
98
  ngOnInit(): void;
102
99
  selectTimeRange(timeRange: TimeRange): void;
103
100
  private processTimeRange;
@@ -111,7 +108,7 @@ declare class DateSelector implements OnInit {
111
108
  updateStartTime(): void;
112
109
  updateEndTime(): void;
113
110
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateSelector, never>;
114
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateSelector, "date-time-picker-selector", never, { "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": false; "isSignal": true; }; "startMinute": { "alias": "startMinute"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": false; "isSignal": true; }; "endMinute": { "alias": "endMinute"; "required": false; "isSignal": true; }; "future": { "alias": "future"; "required": false; "isSignal": true; }; "optionalFeatures": { "alias": "optionalFeatures"; "required": false; "isSignal": true; }; "selectedTimeRange": { "alias": "selectedTimeRange"; "required": false; "isSignal": true; }; "allDays": { "alias": "allDays"; "required": false; "isSignal": true; }; "weekdays": { "alias": "weekdays"; "required": false; "isSignal": true; }; "allHours": { "alias": "allHours"; "required": false; "isSignal": true; }; }, { "startDate": "startDateChange"; "endDate": "endDateChange"; "startHour": "startHourChange"; "startMinute": "startMinuteChange"; "endHour": "endHourChange"; "endMinute": "endMinuteChange"; "future": "futureChange"; "optionalFeatures": "optionalFeaturesChange"; "selectedTimeRange": "selectedTimeRangeChange"; "allDays": "allDaysChange"; "weekdays": "weekdaysChange"; "allHours": "allHoursChange"; }, never, never, true, never>;
111
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateSelector, "date-time-picker-selector", never, { "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "startHour": { "alias": "startHour"; "required": false; "isSignal": true; }; "startMinute": { "alias": "startMinute"; "required": false; "isSignal": true; }; "endHour": { "alias": "endHour"; "required": false; "isSignal": true; }; "endMinute": { "alias": "endMinute"; "required": false; "isSignal": true; }; "future": { "alias": "future"; "required": false; "isSignal": true; }; "selectedTimeRange": { "alias": "selectedTimeRange"; "required": false; "isSignal": true; }; }, { "startDate": "startDateChange"; "endDate": "endDateChange"; "startHour": "startHourChange"; "startMinute": "startMinuteChange"; "endHour": "endHourChange"; "endMinute": "endMinuteChange"; "future": "futureChange"; "selectedTimeRange": "selectedTimeRangeChange"; }, never, never, true, never>;
115
112
  }
116
113
 
117
114
  declare class SmartDialogService {
@@ -152,4 +149,4 @@ declare class SmartDialogRef<T = unknown> {
152
149
  }
153
150
 
154
151
  export { DatePickerComponent, DateSelector, SmartDialogRef, SmartDialogService };
155
- export type { DatePickerModel, DateTimePickerValue, HourType, TimeRange, Weekday };
152
+ export type { DatePickerModel, DateTimePickerValue, TimeRange };