Timepicker doesn't allow 12:00 PM unless you select min


Topic: Timepicker doesn't allow 12:00 PM unless you select minutes.

jaimefuhr asked 4 years ago

*Expected behavior*When the timepicker opens, it defaults to 12:00 AM. If user only wants to change the meridiem to PM, he should not be forced to click on the "minutes" portion of the time in order for the "Done" link to become enabled.

*Actual behavior*If the user does not change the time and simply changes the meridiem to PM, the Done link is disabled. The user must click on the minutes portion for the link to become enabled.

Resources (screenshots, code snippets etc.)

<div class="form-group timepicker" twelvehour="true">
                                  <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="fa fa-clock-o"></i></div>
                                        </div>
                                        <asp:TextBox ID="endTime" runat="server" CssClass="form-control" placeholder="hh:mm am/pm" Width="130px"></asp:TextBox>
                                    </div>
                                </div>

Tomek Makowski staff commented 4 years ago

Hi

Could you show me this issue in snippet code editor?

Link to snippet code editor: https://mdbootstrap.com/snippets/

Regards


jaimefuhr answered 4 years ago

Here is the snippet:

https://mdbootstrap.com/snippets/jquery/jaimefuhr/2455866

  1. Click on the text box to open the timepicker.
  2. Do not change the time. Click PM only.
  3. Done button will grey out/disable.
  4. Click on the minutes field. Done button will activate.

Tomek Makowski staff commented 4 years ago

Okay, I see it. This is a bug and we are going to repair it in next release. Otherwise, you can use the newest time picker

https://mdbootstrap.com/docs/jquery/forms/time-picker/

Regards


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Desktop
  • Browser: Edge
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags