Topic: Datepicker label issues

Zave free asked 3 years ago

Expected behavior

  1. The Datepicker label should be inactive if the underlying form control value is 'null' on initialization.
  2. Clicking the label of a datepicker without a value should open the datepicker.

Actual behavior

  1. The Datepicker missbehaves because the label is in active state, even though the underlying form control has the value 'null'.
  2. Clicking the label does not do anything. Clicking the whitespace of the control does open the datepicker.

Resources (screenshots, code snippets etc.)

Screenshot of the first issue:

enter image description here

Trying to click the label of the datepicker:

enter image description here


<mdb-date-picker [inline]="true" [locale]="'de'" [label]="'Last inspection' | translate" formControlName="lastInsepction" id="lastInsepction"></mdb-date-picker>


this.conditionDataForm ={ lastInsepction: [null] });

It seems like that the first issue occurs only if a locale is provided. Removing the locale fixed that bug, but of course I want to keep the localization.

Arkadiusz Idzikowski staff commented 3 years ago

@Zave Thank you for reporting this problem, we will take a closer look at those bugs and add fixes in the next update.

Zave free commented 3 years ago

@Arkadiusz Idzikowski Thanks for having a look into the issues. Can you give me an ETA for the fixes?

Arkadiusz Idzikowski staff commented 3 years ago

@Zave The new version should be released within a month.

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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 11.0.0
  • Device: PC
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: No
  • Provided link: No