frontello-ui-datepicker

Datepicker

Easy to use.

NPM install

`npm i frontello-ui-datepicker

Usage

Form exemple

<form action="" method="">
  <div class="field">
    <label class="label">Date</label>
    <div class="value">
      <input type="date" name="date" value="2022-04-01" required>
    </div>
  </div>
</form>

Init

<link rel="stylesheet" href="datepicker.css">
<script src="datepicker.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
  Datepicker.init(document.querySelectorAll('input[type="date"]'), {
    labelYear: 'Années',
    labelMonth: 'Mois',
    labelNoDate: 'Aucune date',
    labelClear: 'Supprimer la date',
    labelToday: 'Aujourd\'hui',
    months: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
    weekDays: ['lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi', 'dimanche'],
    formatFriendlyDate: (date) => {
      return date.getWeekDayLabel() + ' ' + date.getDay() + ' ' + date.getMonthLabel() + ' ' + date.getYear()
    }
  });
});
</script>