Date input field does not show date selection in Safari on i

  1. MDB Home Page
  2. Support Main Page
  3. jQuery
Topic: Date input field does not show date selection in Safari on iPhone

Custer pro premium asked 10 months ago

Expected behavior

When pressing on a date input field, there should come up de datepicker of the safari.

Actual behavior

When pressing on a date input field, there is coming up the normal keyboard, instead of the date picker from safari

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/snippets/jquery/custer/2190356 (has to be opened on iPhone, Safari)

enter image description here

Tomek Makowski staff answered 10 months ago

Hi

Input type date doesn't provide date picker after click. If you want your component work as expected use datepicker component instead.

Regards

Custer pro premium commented 10 months ago

I mean not the datepicker from mdbootstrap. I mean the normal chose of a date in the iPhone Safari Browser. On esch website you click on a date field, there appears not the normal keyboard, it appears a selection for the date. But in mdbootstrap it doesn‘t anymore. Try it.

Custer pro premium answered 10 months ago

This is the normal behaviour:

enter image description here

Grzegorz Bujański staff commented 10 months ago

At the moment it is actually not possible to use the default datepicker. But in the next MDB version this will be fixed.

Custer pro premium commented 10 months ago

Ok thank you. Because some versions ago, it worked perfectly.

It's even not possible to type in something. So a date input is absolutely useless at the moment.

Is there any workaround?

Grzegorz Bujański staff commented 10 months ago

Unfortunately not at the moment. But next week there will be a version in which this problem should be solved.

Custer pro premium commented 10 months ago

Ok, I hope so. Thank you.

Best regards

Custer

Grzegorz Bujański staff commented 9 months ago

No problem, best Grzegorz

Custer pro premium commented 9 months ago

Works again! Thanks for solving this problem :)

Grzegorz Bujański staff commented 9 months ago

You're welcome :)
Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: jQuery
  • MDB Version: 4.19.0
  • Device: iPhone XR
  • Browser: Safari
  • OS: iOs 13.5
  • Provided sample code: No
  • Provided link: Yes
Tags
date input input-fields
Related topics
3
InputMask
0
Style MDB on the input type date
0
MDB breaks date input display format
0
Vue js - v-model problem
0
input type="date" turns into input type="text" when not focused
About author
Custer
Pro User Premium support
194Support score
11Questions 13Answers
0Snippets likes 1Snippets

We use cookies to offer you a better browsing experience, analyze site traffic, personalize content, and serve targeted advertisements. Read about how we use cookies and how you can control them by clicking "Cookie Settings." If you continue to use this site, you consent to our use of cookies.