Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


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

html:

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

ts:

this.conditionDataForm = this.formBuilder.group({ 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.

FREE CONSULTATION

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

Status

Opened

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