Unable to set tabIndex on mdb-date-picker


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

betterlife pro asked 6 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;">
 

Arkadiusz Idzikowski staff answered 6 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 6 years ago

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


betterlife pro answered 6 years ago

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

Damian Gemza staff answered 6 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
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
  • User: 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