Datapicker Input Toggle


Topic: Datapicker Input Toggle

AstroSign asked 4 years ago

Expected behavior If I click into Datapicker or Timepicker field, then select data or select time should popup Actual behavior This does not work as described on example page. Difference to example is, that I am using datepicker-translated instead of datepicker

                              <div class="form-outline datepicker-translated" > <!-- data-toggle-button="false" data-format="dd.mm.yyyy" -->
                                <input
                                  name="iDate"
                                  type="text"
                                  class="form-control"
                                  id="exampleDatepicker1"
                                  data-mdb-toggle="datepicker-translated"
                                />
                                <label for="exampleDatepicker1" class="form-label">Datum</label>
                                <button class="datepicker-toggle-button" data-toggle="datepicker">
                                  <i class="fas fa-calendar datepicker-toggle-icon"></i>
                                </button>
                              </div>

Grzegorz Bujański staff answered 4 years ago

You need to correct the code in two places - in input change data-mdb-toggle="datepicker-translated" to data-mdb-toggle="datepicker", and in icon: data-toggle="datepicker" to data-mdb-toggle="datepicker"


AstroSign answered 4 years ago

Thank you Grzegorz, I changed accordingly and I tried to get it working with Visual Studio Code Live Server, but it did not work. I tried then the same data on my dev server and there it worked. You can close this case.


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: No
  • Technology: MDB Standard
  • MDB Version: 3.0.0
  • Device: Browser
  • Browser: Safari
  • OS: Big Sur
  • Provided sample code: No
  • Provided link: No
Tags