Topic: Unable to set tabIndex on mdb-date-picker

betterlife pro asked 5 years ago


We require an update to the mdb-date-picker component to allow us to set the tabindex for the input used in the component.  Can you please assist us? The desired functionality will allow us to do the following (specify the tabindex to the ‘mdb-date-picker’ component)
<mdb-date-picker #datePickerComponent
  tabindex="-1"
  [(ngModel)]="value"
  (ngModelChange)="dateSelected()"
  name="datePickerControl"
  [options]="datePickerOptions">
</mdb-date-picker>

This will result in HTML rendered to be as follows (inside the input)
<input tabindex="-1" autocomplete="off" class="form-control mydp-date ng-untouched ng-pristine ng-valid" type="text" ng-reflect-klass="form-control mydp-date"
  ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]" ng-reflect-is-disabled="false"
  ng-reflect-model="2222-02-22" aria-label="Date input field" maxlength="10" placeholder="" style="height: 3px; font-size: 1rem;">

Where currently the rendered HTML is:
<input autocomplete="off" class="form-control mydp-date ng-untouched ng-pristine ng-valid" type="text" ng-reflect-klass="form-control mydp-date"
  ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]" ng-reflect-is-disabled="false"
  ng-reflect-model="2222-02-22" aria-label="Date input field" maxlength="10" placeholder="" style="height: 32px; font-size: 1rem;">
 

Damian Gemza staff answered 5 years ago


Dear @betterlife Yes, we've got a date of releasing the new version of MDB Angular. The new version will be available on 26 November 2018. Best Regards, Damian

betterlife pro answered 5 years ago


Do you have a expected release date for the new version that will have this in?

Arkadiusz Idzikowski staff answered 5 years ago


Dear betterlife, Unfortunately currently it's not possible to change tabindex of the date picker input element. We will add this functionality in the new version. Regards, Arek

betterlife pro commented 5 years ago

Do you have a expected release date for the new version that will have this in?



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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No
Tags