Topic: Default Date datepicker

stokkup2313 priority asked 1 year ago

**Expected behavior**

Not able to add default date to the date picker. have tried a number of ways but i get the error of ERROR TypeError: date.getDay is not a function at getDayNumber (mdb-angular-ui-kit-datepicker.mjs:25:17)

**Actual behavior**

When default date is added it should display in the input using formGroup

**Resources (screenshots, code snippets etc.)**\

ngOnInit(): void { this.filters = new FormGroup({ startDate: new FormControl({ date: { month: 1, day: 10, year: 2022} }), endDate: new FormControl(''), orderId: new FormControl(''), actionType: new FormControl('') }) } enter image description here

Rafał Seifert staff answered 1 year ago

The default date should be added as a Date object. For that purpose you can use Date constructor new Date("2023-01-10"). So your startDate FormControl should look like this:

startDate: new FormControl(new Date('2023-01-10'))

I hope that helps. If you have any more questions feel free to ask.

stokkup2313 priority commented 1 year ago

Awesome thank you that worked!

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 4.0.0
  • Device: MBP
  • Browser: Chrome
  • OS: macOS
  • Provided sample code: Yes
  • Provided link: No