react-datepicker-simple-tlb

Un composant DatePicker React simple, accessible et sans dépendance externe.

Installation

npm install react-datepicker-simple-tlb

Utilisation

import DatePicker from 'react-datepicker-simple-tlb';

function MonFormulaire() {
  const [date, setDate] = React.useState('');
  return (
    <DatePicker
      value={date}
      onChange={setDate}
      name="birthday"
      id="birthday"
      min="2000-01-01"
      max="today"
      className="my-datepicker"
      style={{ border: '1px solid #ccc' }}
    />
  );
}

Props

• value (string) : La date au format MM/DD/YYYY ou YYYY-MM-DD
• onChange (function) : Callback appelée avec la nouvelle valeur (format MM/DD/YYYY)
• name, id : Attributs standards d'input
• min, max : Limites de date (format YYYY-MM-DD ou today)
• className, style : Pour personnaliser le style
• ...toutes les autres props d'un <input type="date" />

Fonctionnement

• Conversion automatique entre les formats MM/DD/YYYY et YYYY-MM-DD pour compatibilité maximale.
• Accessible et personnalisable.

Licence

MIT