HTML
            


            
PUG
            
.form-group-version2
  .wrapper-label
    .field-label
      label(for="date-lointaine-react-default") Date lointaine
  p.help-input au format JJ/MM/AAAA
  .field-item.-datebox.-distant-date
    input#date-lointaine-react-default(type='text' name="date-lointaine-react-default" placeholder='__/__/____')

.form-group-version2
  .wrapper-label
    .field-label
      label(for="date-lointaine-react-default1") Date lointaine avec valeur
  p.help-input au format JJ/MM/AAAA
  .field-item.-datebox.-distant-date
    input#date-lointaine-react-default1(type='text' value='01/01/2001' name="date-lointaine-react-default1")

.form-group-version2
  .wrapper-label
    .field-label
      label(for="date-lointaine-react-disabled") Date lointaine désactivée
  p.help-input au format JJ/MM/AAAA
  .field-item.-datebox.-distant-date
    input#date-lointaine-react-disabled(type='text' placeholder='__/__/____' disabled name="date-lointaine-react-disabled")

.form-group-version2.has-error
  .wrapper-label
    .field-label
      label(for="date-lointaine-react-error") Date lointaine en erreur
  p.help-input au format JJ/MM/AAAA
  .field-item.-datebox.-distant-date
    input#date-lointaine-react-error(type='text' placeholder='__/__/____' aria-required="true" aria-invalid="true" aria-describedby="date-lointaine-react-msg-error" name="date-lointaine-react-error")
  p.help-block#date-lointaine-react-msg-error Veuillez saisir le champ.