Topic: How to close the mdb angular datepicker close , when ESC key is pressed?
How to close the mdb angular datepicker close , when ESC key is pressed? Any document option is there or any other solutions.
Hi @sakthicgs,
You should use @ViewChild in your project. Like this:
import { Component, ViewChild, HostListener } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
})
export class AppComponent {
@ViewChild('datepicker', { static: false }) datePicker: any;
@HostListener('keydown.esc')
handleInput() {
if (this.datePicker.isOpen) {
this.datePicker.closeBtnClicked();
}
}
}
And then add #datepicker attribute for your picker.
Like this:
<mdb-date-picker
#datepicker
...
></mdb-date-picker>
Best, Konrad.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.3.0
- Device: desktop
- Browser: chorme
- OS: windows
- Provided sample code: No
- Provided link: No