@kovalenko/material-datetime-picker

MaterialDatetimePicker

Material datetime picker

Installation

npm install @kovalenko/material-datetime-picker

DatetimePicker

Selector: ngc-datetime-picker

Пикер даты и времени. MatFormFieldControl

Title	Description
@Input() ngModel: Moment	Date
@Input() min: Moment	Min date
@Input() max: Moment	Max date
@Input() hasTimePicker: boolean	Time input
@Input() defaultTime: number	Default time offset in seconds
@Output() ngModelChange: EventEmitter<Moment>	ngModel change
@Output() dateChange: EventEmitter<Moment>	User date change

Usage

First, import the MaterialDatetimePickerModule to your module:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {MaterialDatetimePickerModule} from '@kovalenko/material-datetime-picker';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppComponent} from './app';

@NgModule({
  imports: [
    BrowserModule,
    MaterialDatetimePickerModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {
}

platformBrowserDynamic().bootstrapModule(AppModule);

import { Component } from '@angular/core';

@Component({
  selector: 'app',
  template: `
    <form>
      <mat-form-field>
        <ngc-datetime-picker placeholder="Date" [(ngModel)]="date" [hasTimePicker]="true" name="date"></ngc-datetime-picker>
      </mat-form-field>
    </form>
  `,
})
export class AppComponent {
  date = moment();

}