mdb-date-picker 1 click select

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: mdb-date-picker 1 click select

mdb2 pro asked 7 years ago

Hi, How can I set an mdb-date-picker element so that a click on date will select and close it, instead of waiting for the user to somehow figure out how to close it

Damian Gemza staff answered 7 years ago

Dear mdb2, There's option in Datepicker Component to achieve your desired behavior. Just add closeAfterSelect: true parameter into Datepicker options object. Please see come below: HTML 
<mdb-date-picker name="mydate" [options]="myDatePickerOptions" [placeholder]="'Selected date'" [(ngModel)]="model" required></mdb-date-picker>
And in ts file, please add : 
public myDatePickerOptions: IMyOptions = {

closeAfterSelect:true

};
After that, your datepicker will close after selecting a date. Best Regards, Damian
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
itay
Pro User
2474Support score
151Questions 196Answers
0Snippets likes 0Snippets