Développement23 juillet 2026· via DEV Community

RollDate : un sélecteur de dates JavaScript simple et léger

RollDate : un sélecteur de dates JavaScript simple et léger

Image : DEV Community

Si vous avez déjà pesté contre un sélecteur de dates imposant React ou alourdissant votre bundle juste pour choisir quelques dates, une alternative légère veut remédier à cela. RollDate est un calendrier en JavaScript vanilla qui évite les frameworks, les bibliothèques et les habituelles complications – tout en proposant un défilement infini, une sélection d'heure intégrée et une API unifiée, que vous ayez besoin d'une date unique, d'une plage ou de plusieurs dates.

Conçu pour le défilement, pas pour les clics

La plupart des sélecteurs de dates reposent encore sur de petits boutons fléchés ou des menus déroulants, peu intuitifs sur mobile. RollDate remplace ces clics par un défilement fluide et naturel, rendant le passage entre les mois ou les années aussi simple que de faire défiler un sélecteur de dates sur téléphone. Ce composant conserve ce modèle de défilement même lorsqu'il est intégré dans React, Vue ou Angular, prouvant qu'une UX moderne ne nécessite pas de framework.

Un seul sélecteur, plusieurs modes

Vous avez besoin d'une date unique ? D'une plage ? De plusieurs dates ? RollDate expose une seule API de configuration qui s'adapte à votre cas d'usage. Passez simplement selectType entre "single", "range" ou "multiple" et le sélecteur se reconfigure automatiquement, sans composants ni imports supplémentaires. La sélection d'heure est tout aussi simplifiée : activez-la en mode 24 heures ou 12 heures (AM/PM), définissez l'intervalle des minutes, et le sélecteur gère le reste – sans plugin complémentaire.

Sans dépendances, compatible avec tous les frameworks

La bibliothèque est distribuée sous forme de module ES autonome, fonctionnant en JavaScript pur, React, Vue ou tout autre framework capable d'intégrer des éléments DOM. Pas de hooks React, pas de jQuery, pas de Moment.js ou Day.js – juste un cœur épuré de 14 kB. Le projet inclut également des définitions TypeScript, des démonstrations interactives et un bac à sable en temps réel mettant à jour les extraits de code, réduisant les barrières à l'adoption et à la contribution.

Pourquoi c'est important

RollDate incarne une révolte discrète contre l'encombrement qui a gagné les composants UI du quotidien. En misant sur une API unique, bien documentée, et en supprimant les surcoûts liés aux frameworks, elle offre une solution pragmatique aux équipes lassées de jongler avec des bibliothèques de calendrier selon les piles technologiques. Le vrai gain réside dans l'expérience développeur : le bac à sable et l'API à l'exécution rendent la configuration transparente, transformant une tâche autrefois fastidieuse en une installation de cinq minutes. Pour les projets privilégiant la simplicité à l'adhésion forcée à un écosystème, RollDate mérite qu'on s'y intéresse de plus près.


Source : DEV Community. Synthèse éditoriale assistée par IA — TechnoExpress.

Lire la source originale sur DEV Community →

← Retour à l'accueil