Angular Timepicker 24 hour bug


Topic: Angular Timepicker 24 hour bug

icontacts premium asked 3 years ago

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.


Adam Jakubowski staff pro premium priority answered 3 years ago

Hello @icontacts ,

I've reached out to you via the email address assigned to your mdbootstrap account.

Keep coding,


FREE CONSULTATION

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

Status

Closed

Specification of the issue
  • User: Free
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB4 5.2.3
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10 Pro
  • Provided sample code: No
  • Provided link: Yes