Date field doesn’t work on desktop Safari

Hi Stef,

Could you please the mark-up of your form here so that I can take a look?

Chances are that it’s not anything in your code though, Safari has been notorious in not supporting the new HTML5 field types like date. ??

https://caniuse.com/#search=date

Hi Danny,

Thank you for getting back to me. This is my markup:

<p class="c-form__row">
	<label class="c-form__label">Nom</label>
	<input class="c-form__input c-form__input--text" 
           type="text" 
           name="NAME" 
           required />
</p>
<p class="c-form__row">
	<label class="c-form__label">Mail</label>
	<input class="c-form__input c-form__input--text" 
           type="email" 
           name="EMAIL" 
           required />
</p>
<p class="c-form__row">
	<label class="c-form__label" for="request-demo-role">Vous êtes</label>
	<div class="c-form__select-container">
      <select class="c-form__input c-form__input--select" 
              name="ROLE" 
              id="request-demo-role" 
              required />
        <option class="c-form__option">Particulier</option>
        <option class="c-form__option">Agent Immobilier</option>
        <option class="c-form__option">Professionnel</option>
        <option class="c-form__option">Notaire</option>
      </select>
	</div>
</p>
<p>
  <label class="c-form__label"
         for="request-demo-date">Date de préférence</label>
  <input class="c-form__input c-form__input--date" 
         type="date" 
         name="DATE" 
         id="request-demo-date" />
</p>

<p class="c-form__row">
  <label class="c-form__label">
    <input class="c-form__input c-form__input--checkbox js-checkbox-wants-to-be-called" 
           type="checkbox" 
           name="WANTSTOBECALLED[]" 
           value="Yes" />
    <span class="c-form__label-text">Je souhaite être contacté par téléphone</span>
  </label>
</p>
<p class="c-form__row c-form__row--phone-number">
  <label class="c-form__label" for="request-demo-phone">Téléphone</label>
log/  <input class="c-form__input c-form__input--text js-input-phone" 
         type="text" 
         name="PHONE" 
         id="request-demo-phone" />
</p>
<p class="c-form__row">
  <label class="c-form__label">
    <input class="c-form__input c-form__input--checkbox" 
           type="checkbox" 
           name="ACCEPTEDTERMS[]" 
           value="Yes"
           required /> 
    <span class="c-form__label-text">J’accepte la collecte de mes données personnelles conformément à la Politique de Confidentialité.</span>
  </label>
</p>
<p class="c-form__row">
  <input class="c-button c-button--big" 
         type="submit" 
         value="Assistez à une démo" />
</p>

Hi Danny, do you have any thoughts on the mark-up I posted?

Hi,

It seems Safari doesn’t properly support the HTML 5 date field and there is nothing we can do about that in the short term.

We are working on an update that will split the date field into multiple drop down fields, or implement a 3th party date picker like https://pikaday.com/
When exactly that will go public is not clear yet, it can easily be a few more months looking at the list of feature requests.

For now, the only solution is to implement a 3th party date picker script into the form yourself.

Hope that helps. If you have any questions, please let us know!