Angular Timepicker 24 hour bug

Topic: Angular Timepicker 24 hour bug

icontacts premium asked 3 years ago

0 0

When you use Timepicker as inline in 24 format - it's brokes when you try to change time by arrow buttons near 12 hour

Actual behavior

Try to set 12 hours by changing selected hour from 11 via arrowUp button

Actual result - the next hour is 13Expected result - the next hour must be 12

Try to set 11 hours by changing selected hour from 12 via arrowDown button

Actual result - the next hour is 23Expected result - the next hour must be 11

Try to set 13 hours by changing selected hour from 12 via arrowUp button

Actual result - the next hour is 01Expected result - the next hour must be 13

Resources (screenshots, code snippets etc.)

<mdb-form-control class="form-control-time">
      <input type="text"
             id="callBackTimeId"
             class="form-control"
             formControlName="timeControl"
             [mdbValidate]="true"
             [validateSuccess]="false"
             [mdbTimepicker]="timePicker"
             (click)="timePicker.open()"
             mdbInput>
      <label mdbLabel
             for="callBackTimeId"
             class="form-label">
        at
      </label>
      <mdb-timepicker-toggle [mdbTimepickerToggle]="timePicker"></mdb-timepicker-toggle>
      <mdb-timepicker #timePicker
                      [format24]="true"
                      [inline]="true"
                      [increment]="true"></mdb-timepicker>
    </mdb-form-control>

Link to the Zip arj with code of MDB UI Kit project with timepicker issues example The only thing in package.json - our oauth2 token is changed to * in the link to MDB UI Kit Pro- you can change it to yours for checking.

Arkadiusz Idzikowski staff commented 3 years ago

@icontacts Thank you for reporting this problem, we will take a closer look at that and add a fix as soon as possible.

icontacts premium commented 3 years ago

Why on your demo in the angular section of the MDB site - this feature is working?I suggest, when I'm planning to order any project that at least features from the demo section must work as it's shown.

https://mdbootstrap.com/docs/b5/angular/forms/timepicker/#section-inline-24

Looks like the angular demo is implemented using jquery version of the MDB or any other - where this feature of the Timepicker works as expected.

Instead of that for now - I need to add additional dependencies to our project although I was sure that I have it on bought MDB Pro UI Kit. That is no way can be the correct attitude towards buyers of your product - provide your demo using actual MDB Angular Version.

Also, 4 months ago I've created a bug report for the MdbToast component - https://mdbootstrap.com/support/angular/mdb5-toast-component-stacking-issue/ and I've just checked - the issue still exists. So regarding that - looks like there is no way I will be able to get Mdb Timepicker with declared functionality over the next six months (or will be provided at all).

That's a really disappointing experience, guys.

Add comment

Adam Jakubowski staff pro premium priority answered 3 years ago