victorzen

First create the inline labels following the instructions here: http://documentation.unbounce.com/hc/en-us/articles/203799174-Adding-and-Editing-Form-Fields/#content7

Next, paste the following code in the Javascripts section, selecting 'Head' as the placement:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/derpoho/floatlabels.js/master/floatlabels.js"></script>

<script>
$(document).ready(function () {  

victorzen

<style>
.lp-pom-form-field input {
   font-family: 'Comic Sans MS' !important;
}
</style>

victorzen

Change "YourFieldName" for the field name in your form and change the information to your own language and prefered date format. This example is in French :) Set placement to "Head"

<script>
$(function() {
$( "#YourFieldName").datepicker({
    altField: "#datepicker",
    closeText: 'Fermer',
    prevText: 'Précédent',
    nextText: 'Suivant',
 currentText: 'Aujourd\'hui',

victorzen

Change "#lp-pom-button-21" for your button's id and change "left" for "right" accordingly.

<style>
#lp-pom-button-21 .label{
  text-align: left;
}
</style>