Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@angular-material-components/datetime-picker

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 6.0.3 to 7.0.0

esm2020/angular-material-components-datetime-picker.mjs

1

angular-material-components-datetime-picker.d.ts
/**
* Generated bundle index. Do not edit.
*/
/// <amd-module name="@angular-material-components/datetime-picker" />
export * from './public-api';

@@ -9,2 +9,3 @@ /**

import { ElementRef, EventEmitter, NgZone, OnChanges, SimpleChanges, OnDestroy } from '@angular/core';
import * as i0 from "@angular/core";
/**

@@ -133,2 +134,4 @@ * Extra CSS classes that can be associated with a calendar cell.

private _getCellFromElement;
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>;
}

@@ -17,2 +17,3 @@ /**

import { NgxMatYearView } from './year-view';
import * as i0 from "@angular/core";
/**

@@ -49,2 +50,4 @@ * Possible views for the calendar.

private _isSameView;
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, ["*"]>;
}

@@ -151,2 +154,4 @@ /**

private _getCurrentViewComponent;
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>;
}

@@ -10,2 +10,3 @@ /**

import { NgxMatDateAdapter } from './date-adapter';
import * as i0 from "@angular/core";
/** Adapts the native JS Date for use with cdk-based components that work with dates. */

@@ -90,2 +91,4 @@ export declare class NgxMatNativeDateAdapter extends NgxMatDateAdapter<Date> {

private _format;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNativeDateAdapter, [{ optional: true; }, null]>;
static ɵprov: i0.ɵɵInjectableDeclaration<NgxMatNativeDateAdapter>;
}

15

lib/core/native-date.module.d.ts

@@ -1,11 +0,12 @@

/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import * as i0 from "@angular/core";
import * as i1 from "@angular/cdk/platform";
export declare class NgxNativeDateModule {
static ɵfac: i0.ɵɵFactoryDeclaration<NgxNativeDateModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<NgxNativeDateModule, never, [typeof i1.PlatformModule], never>;
static ɵinj: i0.ɵɵInjectorDeclaration<NgxNativeDateModule>;
}
export declare class NgxMatNativeDateModule {
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatNativeDateModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMatNativeDateModule, never, [typeof NgxNativeDateModule], never>;
static ɵinj: i0.ɵɵInjectorDeclaration<NgxMatNativeDateModule>;
}

@@ -11,2 +11,3 @@ /**

import { NgxMatDateAdapter } from './core/date-adapter';
import * as i0 from "@angular/core";
/** Injection token used to customize the date range selection behavior. */

@@ -42,2 +43,4 @@ export declare const NGX_MAT_DATE_RANGE_SELECTION_STRATEGY: InjectionToken<NgxMatDateRangeSelectionStrategy<any>>;

createPreview(activeDate: D | null, currentRange: DateRange<D>): DateRange<D>;
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultNgxMatCalendarRangeStrategy<any>, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<DefaultNgxMatCalendarRangeStrategy<any>>;
}

@@ -1,8 +0,1 @@

/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';

@@ -15,2 +8,3 @@ import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';

import { NgxMatDatetimePicker } from './datetime-picker.component';
import * as i0 from "@angular/core";
/** @docs-private */

@@ -127,2 +121,4 @@ export declare const MAT_DATEPICKER_VALUE_ACCESSOR: any;

private _getValidDateOrNull;
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>;
}

@@ -12,3 +12,3 @@ /**

import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
import { CanColor, CanColorCtor, ThemePalette } from '@angular/material/core';
import { CanColor, ThemePalette } from '@angular/material/core';
import { MatCalendarCellCssClasses } from '@angular/material/datepicker';

@@ -21,8 +21,9 @@ import { MatDialog } from '@angular/material/dialog';

import { NgxMatTimepickerComponent } from './timepicker.component';
import * as i0 from "@angular/core";
/** @docs-private */
declare class MatDatepickerContentBase {
_elementRef: ElementRef;
constructor(_elementRef: ElementRef);
}
declare const _MatDatepickerContentMixinBase: CanColorCtor & typeof MatDatepickerContentBase;
declare const _MatDatetimepickerContentBase: import("@angular/material/core")._Constructor<CanColor> & import("@angular/material/core")._AbstractConstructor<CanColor> & {
new (_elementRef: ElementRef): {
_elementRef: ElementRef;
};
};
/**

@@ -35,3 +36,3 @@ * Component used as the content for the datepicker dialog and popup. We use this instead of using

*/
export declare class NgxMatDatetimeContent<D> extends _MatDatepickerContentMixinBase implements AfterViewInit, CanColor {
export declare class NgxMatDatetimeContent<D> extends _MatDatetimepickerContentBase implements AfterViewInit, CanColor {
private cd;

@@ -53,2 +54,4 @@ private _viewContainerRef;

ngAfterViewInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxMatDatetimeContent<any>, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxMatDatetimeContent<any>, "ngx-mat-datetime-content", ["ngxMatDatetimeContent"], { "color": "color"; }, {}, never, never>;
}

@@ -224,3 +227,5 @@ /** Component responsible for managing the datepicker popup/dialog. */

private _setColor;
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>;
}
export {};

@@ -0,2 +1,22 @@

import * as i0 from "@angular/core";
import * as i1 from "./datetime-picker.component";
import * as i2 from "./datetime-input";
import * as i3 from "./calendar";
import * as i4 from "./month-view";
import * as i5 from "./calendar-body";
import * as i6 from "./year-view";
import * as i7 from "./multi-year-view";
import * as i8 from "@angular/common";
import * as i9 from "@angular/material/datepicker";
import * as i10 from "@angular/material/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 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 ɵinj: i0.ɵɵInjectorDeclaration<NgxMatDatetimePickerModule>;
}

@@ -1,8 +0,1 @@

/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';

@@ -15,2 +8,3 @@ import { Directionality } from '@angular/cdk/bidi';

import { NgxMatDateRangeSelectionStrategy } from './date-range-selection-strategy';
import * as i0 from "@angular/core";
/**

@@ -125,2 +119,4 @@ * An internal component used to display a single month in the datepicker.

private _setRanges;
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>;
}

@@ -1,8 +0,1 @@

/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';

@@ -13,2 +6,3 @@ import { Directionality } from '@angular/cdk/bidi';

import { NgxMatDateAdapter } from './core/date-adapter';
import * as i0 from "@angular/core";
export declare const yearsPerPage = 24;

@@ -82,2 +76,4 @@ export declare const yearsPerRow = 4;

private _setSelectedYear;
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>;
}

@@ -84,0 +80,0 @@ export declare function isSameMultiYearView<D>(dateAdapter: NgxMatDateAdapter<D>, date1: D, date2: D, minDate: D | null, maxDate: D | null): boolean;

@@ -5,2 +5,3 @@ import { ChangeDetectorRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';

import { NgxMatDateAdapter } from './core/date-adapter';
import * as i0 from "@angular/core";
export declare class NgxMatTimepickerComponent<D> implements ControlValueAccessor, OnInit, OnChanges {

@@ -74,2 +75,4 @@ _dateAdapter: NgxMatDateAdapter<D>;

private _setDisableStates;
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>;
}

@@ -0,2 +1,12 @@

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 i4 from "@angular/forms";
import * as i5 from "@angular/material/icon";
import * as i6 from "@angular/material/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 ɵinj: i0.ɵɵInjectorDeclaration<NgxMatTimepickerModule>;
}

@@ -1,8 +0,1 @@

/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';

@@ -14,2 +7,3 @@ import { Directionality } from '@angular/cdk/bidi';

import { NgxMatDateAdapter } from './core/date-adapter';
import * as i0 from "@angular/core";
/**

@@ -101,2 +95,4 @@ * An internal component used to display a single year in the datepicker.

private _setSelectedMonth;
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>;
}
{
"name": "@angular-material-components/datetime-picker",
"version": "6.0.3",
"version": "7.0.0",
"description": "Angular Material Datetime Picker",

@@ -17,2 +17,4 @@ "author": "HO Hong Quan",

"angular2",
"angular 12",
"angular 13",
"angular-material",

@@ -31,20 +33,32 @@ "angular material datetime picker",

"peerDependencies": {
"@angular/platform-browser": "^12.0.0",
"@angular/common": "^12.0.0",
"@angular/core": "^12.0.0",
"@angular/forms": "^12.0.0",
"@angular/material": "^12.0.1",
"@angular/cdk": "^12.0.1"
"@angular/platform-browser": "^13.0.1",
"@angular/common": "^13.0.1",
"@angular/core": "^13.0.1",
"@angular/forms": "^13.0.1",
"@angular/material": "^13.0.1",
"@angular/cdk": "^13.0.1"
},
"main": "bundles/angular-material-components-datetime-picker.umd.js",
"module": "fesm2015/angular-material-components-datetime-picker.js",
"es2015": "fesm2015/angular-material-components-datetime-picker.js",
"esm2015": "esm2015/angular-material-components-datetime-picker.js",
"fesm2015": "fesm2015/angular-material-components-datetime-picker.js",
"module": "fesm2015/angular-material-components-datetime-picker.mjs",
"es2020": "fesm2020/angular-material-components-datetime-picker.mjs",
"esm2020": "esm2020/angular-material-components-datetime-picker.mjs",
"fesm2020": "fesm2020/angular-material-components-datetime-picker.mjs",
"fesm2015": "fesm2015/angular-material-components-datetime-picker.mjs",
"typings": "angular-material-components-datetime-picker.d.ts",
"metadata": "angular-material-components-datetime-picker.metadata.json",
"exports": {
"./package.json": {
"default": "./package.json"
},
".": {
"types": "./angular-material-components-datetime-picker.d.ts",
"esm2020": "./esm2020/angular-material-components-datetime-picker.mjs",
"es2020": "./fesm2020/angular-material-components-datetime-picker.mjs",
"es2015": "./fesm2015/angular-material-components-datetime-picker.mjs",
"node": "./fesm2015/angular-material-components-datetime-picker.mjs",
"default": "./fesm2020/angular-material-components-datetime-picker.mjs"
}
},
"sideEffects": false,
"dependencies": {
"tslib": "^2.1.0"
"tslib": "^2.3.0"
}
}

@@ -26,2 +26,3 @@ # Angular Material DatetimePicker, Timepicker for @angular/material 7.x, 8.x, 9.x, 10.x, 11.x

----------- | -------------------
13 | 7.x+
12 | 6.x+

@@ -28,0 +29,0 @@ 11 | 5.x+

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc