@angular-material-components/datetime-picker - npm Package Compare versions

Comparing version 8.0.0 to 9.0.0

lib/calendar-body.d.ts

@@ -134,3 +134,3 @@ /**
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatCalendarBody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatCalendarBody, "[ngx-mat-calendar-body]", ["NgxMatCalendarBody"], { "label": "label"; "rows": "rows"; "todayValue": "todayValue"; "startValue": "startValue"; "endValue": "endValue"; "labelMinRequiredCells": "labelMinRequiredCells"; "numCols": "numCols"; "activeCell": "activeCell"; "isRange": "isRange"; "cellAspectRatio": "cellAspectRatio"; "comparisonStart": "comparisonStart"; "comparisonEnd": "comparisonEnd"; "previewStart": "previewStart"; "previewEnd": "previewEnd"; }, { "selectedValueChange": "selectedValueChange"; "previewChange": "previewChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatCalendarBody, "[ngx-mat-calendar-body]", ["NgxMatCalendarBody"], { "label": "label"; "rows": "rows"; "todayValue": "todayValue"; "startValue": "startValue"; "endValue": "endValue"; "labelMinRequiredCells": "labelMinRequiredCells"; "numCols": "numCols"; "activeCell": "activeCell"; "isRange": "isRange"; "cellAspectRatio": "cellAspectRatio"; "comparisonStart": "comparisonStart"; "comparisonEnd": "comparisonEnd"; "previewStart": "previewStart"; "previewEnd": "previewEnd"; }, { "selectedValueChange": "selectedValueChange"; "previewChange": "previewChange"; }, never, never, false, never>;
 }

lib/calendar.d.ts

@@ -50,3 +50,3 @@ /**
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatCalendarHeader<any>, [null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatCalendarHeader<any>, "ngx-mat-calendar-header", ["ngxMatCalendarHeader"], {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatCalendarHeader<any>, "ngx-mat-calendar-header", ["ngxMatCalendarHeader"], {}, {}, never, ["*"], false, never>;
 }
@@ -154,3 +154,3 @@ /**
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatCalendar<any>, [null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatCalendar<any>, "ngx-mat-calendar", ["ngxMatCalendar"], { "headerComponent": "headerComponent"; "startAt": "startAt"; "startView": "startView"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "_userSelection": "_userSelection"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatCalendar<any>, "ngx-mat-calendar", ["ngxMatCalendar"], { "headerComponent": "headerComponent"; "startAt": "startAt"; "startView": "startView"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "_userSelection": "_userSelection"; }, never, never, false, never>;
 }

lib/datetime-input.d.ts

 import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { ThemePalette } from '@angular/material/core';
-import { MatFormField } from '@angular/material/form-field';
+import { MatLegacyFormField as MatFormField } from '@angular/material/legacy-form-field';
 import { NgxMatDateAdapter } from './core/date-adapter';
@@ -121,3 +121,3 @@ import { NgxMatDateFormats } from './core/date-formats';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatDatetimeInput<any>, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatDatetimeInput<any>, "input[ngxMatDatetimePicker]", ["ngxMatDatetimePickerInput"], { "ngxMatDatetimePicker": "ngxMatDatetimePicker"; "ngxMatDatetimePickerFilter": "ngxMatDatetimePickerFilter"; "value": "value"; "min": "min"; "max": "max"; "disabled": "disabled"; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxMatDatetimeInput<any>, "input[ngxMatDatetimePicker]", ["ngxMatDatetimePickerInput"], { "ngxMatDatetimePicker": "ngxMatDatetimePicker"; "ngxMatDatetimePickerFilter": "ngxMatDatetimePickerFilter"; "value": "value"; "min": "min"; "max": "max"; "disabled": "disabled"; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
 }

lib/datetime-picker.component.d.ts

@@ -14,3 +14,3 @@ /**
 import { MatCalendarCellCssClasses } from '@angular/material/datepicker';
-import { MatDialog } from '@angular/material/dialog';
+import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
 import { Subject } from 'rxjs';
@@ -53,3 +53,3 @@ import { NgxMatCalendar } from './calendar';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatDatetimeContent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatDatetimeContent<any>, "ngx-mat-datetime-content", ["ngxMatDatetimeContent"], { "color": "color"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatDatetimeContent<any>, "ngx-mat-datetime-content", ["ngxMatDatetimeContent"], { "color": "color"; }, {}, never, never, false, never>;
 }
@@ -226,4 +226,4 @@ /** Component responsible for managing the datepicker popup/dialog. */
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatDatetimePicker<any>, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatDatetimePicker<any>, "ngx-mat-datetime-picker", ["ngxMatDatetimePicker"], { "calendarHeaderComponent": "calendarHeaderComponent"; "startAt": "startAt"; "startView": "startView"; "defaultColor": "defaultColor"; "color": "color"; "touchUi": "touchUi"; "hideTime": "hideTime"; "disabled": "disabled"; "panelClass": "panelClass"; "dateClass": "dateClass"; "opened": "opened"; "showSpinners": "showSpinners"; "showSeconds": "showSeconds"; "stepHour": "stepHour"; "stepMinute": "stepMinute"; "stepSecond": "stepSecond"; "enableMeridian": "enableMeridian"; "disableMinute": "disableMinute"; "defaultTime": "defaultTime"; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, ["_customIcon"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatDatetimePicker<any>, "ngx-mat-datetime-picker", ["ngxMatDatetimePicker"], { "calendarHeaderComponent": "calendarHeaderComponent"; "startAt": "startAt"; "startView": "startView"; "defaultColor": "defaultColor"; "color": "color"; "touchUi": "touchUi"; "hideTime": "hideTime"; "disabled": "disabled"; "panelClass": "panelClass"; "dateClass": "dateClass"; "opened": "opened"; "showSpinners": "showSpinners"; "showSeconds": "showSeconds"; "stepHour": "stepHour"; "stepMinute": "stepMinute"; "stepSecond": "stepSecond"; "enableMeridian": "enableMeridian"; "disableMinute": "disableMinute"; "defaultTime": "defaultTime"; }, { "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "openedStream": "opened"; "closedStream": "closed"; }, ["_customIcon"], never, false, never>;
 }
 export {};

lib/datetime-picker.module.d.ts

@@ -11,13 +11,13 @@ import * as i0 from "@angular/core";
 import * as i9 from "@angular/material/datepicker";
-import * as i10 from "@angular/material/dialog";
+import * as i10 from "@angular/material/legacy-dialog";
 import * as i11 from "@angular/cdk/portal";
 import * as i12 from "@angular/forms";
 import * as i13 from "@angular/material/icon";
-import * as i14 from "@angular/material/button";
-import * as i15 from "@angular/material/input";
+import * as i14 from "@angular/material/legacy-button";
+import * as i15 from "@angular/material/legacy-input";
 import * as i16 from "./timepicker.module";
 export declare class NgxMatDatetimePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatDatetimePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatDatetimePickerModule, [typeof i1.NgxMatDatetimePicker, typeof i1.NgxMatDatetimeContent, typeof i2.NgxMatDatetimeInput, typeof i3.NgxMatCalendar, typeof i4.NgxMatMonthView, typeof i5.NgxMatCalendarBody, typeof i6.NgxMatYearView, typeof i7.NgxMatMultiYearView, typeof i3.NgxMatCalendarHeader], [typeof i8.CommonModule, typeof i9.MatDatepickerModule, typeof i10.MatDialogModule, typeof i11.PortalModule, typeof i12.FormsModule, typeof i13.MatIconModule, typeof i14.MatButtonModule, typeof i15.MatInputModule, typeof i16.NgxMatTimepickerModule], [typeof i1.NgxMatDatetimePicker, typeof i2.NgxMatDatetimeInput, typeof i3.NgxMatCalendar, typeof i4.NgxMatMonthView, typeof i5.NgxMatCalendarBody, typeof i6.NgxMatYearView, typeof i7.NgxMatMultiYearView, typeof i3.NgxMatCalendarHeader]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatDatetimePickerModule, [typeof i1.NgxMatDatetimePicker, typeof i1.NgxMatDatetimeContent, typeof i2.NgxMatDatetimeInput, typeof i3.NgxMatCalendar, typeof i4.NgxMatMonthView, typeof i5.NgxMatCalendarBody, typeof i6.NgxMatYearView, typeof i7.NgxMatMultiYearView, typeof i3.NgxMatCalendarHeader], [typeof i8.CommonModule, typeof i9.MatDatepickerModule, typeof i10.MatLegacyDialogModule, typeof i11.PortalModule, typeof i12.FormsModule, typeof i13.MatIconModule, typeof i14.MatLegacyButtonModule, typeof i15.MatLegacyInputModule, typeof i16.NgxMatTimepickerModule], [typeof i1.NgxMatDatetimePicker, typeof i2.NgxMatDatetimeInput, typeof i3.NgxMatCalendar, typeof i4.NgxMatMonthView, typeof i5.NgxMatCalendarBody, typeof i6.NgxMatYearView, typeof i7.NgxMatMultiYearView, typeof i3.NgxMatCalendarHeader]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatDatetimePickerModule>;
 }

lib/month-view.d.ts

@@ -119,3 +119,3 @@ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatMonthView<any>, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatMonthView<any>, "ngx-mat-month-view", ["ngxMatMonthView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; "comparisonStart": "comparisonStart"; "comparisonEnd": "comparisonEnd"; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatMonthView<any>, "ngx-mat-month-view", ["ngxMatMonthView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; "comparisonStart": "comparisonStart"; "comparisonEnd": "comparisonEnd"; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
 }

lib/multi-year-view.d.ts

@@ -76,3 +76,3 @@ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatMultiYearView<any>, [null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatMultiYearView<any>, "ngx-mat-multi-year-view", ["ngxMatMultiYearView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "activeDateChange": "activeDateChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatMultiYearView<any>, "ngx-mat-multi-year-view", ["ngxMatMultiYearView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
 }
@@ -79,0 +79,0 @@ export declare function isSameMultiYearView<D>(dateAdapter: NgxMatDateAdapter<D>, date1: D, date2: D, minDate: D | null, maxDate: D | null): boolean;

lib/timepicker.component.d.ts

@@ -75,3 +75,3 @@ import { ChangeDetectorRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatTimepickerComponent<any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatTimepickerComponent<any>, "ngx-mat-timepicker", ["ngxMatTimepicker"], { "disabled": "disabled"; "showSpinners": "showSpinners"; "stepHour": "stepHour"; "stepMinute": "stepMinute"; "stepSecond": "stepSecond"; "showSeconds": "showSeconds"; "disableMinute": "disableMinute"; "enableMeridian": "enableMeridian"; "defaultTime": "defaultTime"; "color": "color"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatTimepickerComponent<any>, "ngx-mat-timepicker", ["ngxMatTimepicker"], { "disabled": "disabled"; "showSpinners": "showSpinners"; "stepHour": "stepHour"; "stepMinute": "stepMinute"; "stepSecond": "stepSecond"; "showSeconds": "showSeconds"; "disableMinute": "disableMinute"; "enableMeridian": "enableMeridian"; "defaultTime": "defaultTime"; "color": "color"; }, {}, never, never, false, never>;
 }

lib/timepicker.module.d.ts

 import * as i0 from "@angular/core";
 import * as i1 from "./timepicker.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/input";
+import * as i3 from "@angular/material/legacy-input";
 import * as i4 from "@angular/forms";
 import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/button";
+import * as i6 from "@angular/material/legacy-button";
 export declare class NgxMatTimepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatTimepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatTimepickerModule, [typeof i1.NgxMatTimepickerComponent], [typeof i2.CommonModule, typeof i3.MatInputModule, typeof i4.ReactiveFormsModule, typeof i4.FormsModule, typeof i5.MatIconModule, typeof i6.MatButtonModule], [typeof i1.NgxMatTimepickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatTimepickerModule, [typeof i1.NgxMatTimepickerComponent], [typeof i2.CommonModule, typeof i3.MatLegacyInputModule, typeof i4.ReactiveFormsModule, typeof i4.FormsModule, typeof i5.MatIconModule, typeof i6.MatLegacyButtonModule], [typeof i1.NgxMatTimepickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatTimepickerModule>;
 }

lib/year-view.d.ts

@@ -95,3 +95,3 @@ import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatYearView<any>, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatYearView<any>, "ngx-mat-year-view", ["ngxMatYearView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; }, { "selectedChange": "selectedChange"; "monthSelected": "monthSelected"; "activeDateChange": "activeDateChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatYearView<any>, "ngx-mat-year-view", ["ngxMatYearView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; }, { "selectedChange": "selectedChange"; "monthSelected": "monthSelected"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
 }

package.json

 {
   "name": "@angular-material-components/datetime-picker",
-  "version": "8.0.0",
+  "version": "9.0.0",
   "description": "Angular Material Datetime Picker",
@@ -20,2 +20,3 @@ "author": "HO Hong Quan",
     "angular 14",
+    "angular 15",
     "angular-material",
@@ -34,8 +35,8 @@ "angular material datetime picker",
   "peerDependencies": {
-    "@angular/platform-browser": "^14.0.1",
-    "@angular/common": "^14.0.1",
-    "@angular/core": "^14.0.1",
-    "@angular/forms": "^14.0.1",
-    "@angular/material": "^14.0.1",
-    "@angular/cdk": "^14.0.1"
+    "@angular/platform-browser": "^15.0.1",
+    "@angular/common": "^15.0.1",
+    "@angular/core": "^15.0.1",
+    "@angular/forms": "^15.0.1",
+    "@angular/material": "^15.0.1",
+    "@angular/cdk": "^15.0.1"
   },
@@ -47,3 +48,3 @@ "module": "fesm2015/angular-material-components-datetime-picker.mjs",
   "fesm2015": "fesm2015/angular-material-components-datetime-picker.mjs",
-  "typings": "angular-material-components-datetime-picker.d.ts",
+  "typings": "index.d.ts",
   "exports": {
@@ -54,3 +55,3 @@ "./package.json": {
     ".": {
-      "types": "./angular-material-components-datetime-picker.d.ts",
+      "types": "./index.d.ts",
       "esm2020": "./esm2020/angular-material-components-datetime-picker.mjs",
@@ -57,0 +58,0 @@ "es2020": "./fesm2020/angular-material-components-datetime-picker.mjs",

README.md

@@ -26,2 +26,3 @@ # Angular Material DatetimePicker, Timepicker for @angular/material 7.x, 8.x, 9.x, 10.x, 11.x, 12.x, 13.x, 14.x
  ----------- | -------------------
+ 15          | 9.x+
  14          | 8.x+
@@ -28,0 +29,0 @@ 13          | 7.x+

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1585014

increased by3.68%

Number of lines in readme file

193

increased by0.52%

Worsened metrics

Lines of code

11636

decreased by-0.01%

No dependency changes