Closing picker window on custom event about angular-material-components HOT 6 CLOSED

Hi,
Did you try that ?

@ViewChild('startDate',{static: false}) public startDatePicker: NgxMatDatetimePicker<any>;
@ViewChild('endDate',{static: false}) public endDatePicker: NgxMatDatetimePicker<any>;

The type of picker is NgxMatDatetimePicker, not MatDatepicker.

from angular-material-components.

Hi, when I'm trying to add NgxMatDatetimePicker, I receive: "Cannot find name 'NgxMatDatetimePicker'", which is quite strange because I'm using it in this class of FormComponent.
Inside my app.module I've got:
import { NgxMatDatetimePickerModule, NgxMatTimepickerModule } from 'ngx-mat-datetime-picker';

from angular-material-components.

If you can provide an example stackblitz.com, then it will be useful 😄.
Can you try that:

@ViewChild('startDate',{static: false}) public startDatePicker: any;
@ViewChild('endDate',{static: false}) public endDatePicker: any;

from angular-material-components.

This way it goes "ERROR TypeError: Cannot read property 'close' of undefine". I'll try to reproduce it on stackblitz.com. Thank you.

from angular-material-components.

At https://stackblitz.com/edit/demo-ngx-mat-datetime-picker demo, I've tried to add (click)="picker.open()"
to the first input
<input matInput [ngxMatDatetimePicker]="picker" placeholder="Choose a date" [formControl]="dateControl" [min]="minDate" [max]="maxDate" [disabled]="disabled" (click)="picker.open()">
and it does not work. Maybe it's connected somehow ?

from angular-material-components.

Alright, it works this way:
@ViewChild('startDate') public startDatePicker: MatDatepicker<any>;
@ViewChild('endDate') public endDatePicker: MatDatepicker<any>;

this.startDatePicker.close();

from angular-material-components.