Datepicker label issues


Topic: Datepicker label issues

Zave asked 4 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 4 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 commented 4 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 4 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

Open

Specification of the issue
  • User: 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
Tags