- Kategorie
- Open Source
- Jahr
- 2026
- Status
- Live
react-lite-daterange
Ein leichtgewichtiger Date-Range-Picker ohne Dependency-Kette.
Ein Open-Source-Date-Range-Picker für React, der während der Entwicklung komplexerer datumsbasierter Filter für Luxyco entstanden ist. Ich wollte eine leichtgewichtige Komponente mit null Runtime-Abhängigkeiten, konfigurierbaren Shortcuts und Lokalisierung, ohne dafür einen großen Dependency-Tree in die Anwendung zu übernehmen.
Problem
Während ich Date-Range-Filter für Luxyco entwickelte, habe ich verschiedene bestehende React-Date-Picker verglichen. Viele davon benötigten zusätzliche Datumsbibliotheken oder wurden deutlich umfangreicher, sobald Shortcuts, mehrere Monate und Lokalisierung benötigt wurden. Ich wollte deshalb eine kleinere Komponente entwickeln, die sich auf genau diese Anforderungen konzentriert.
Kernfunktionen
Technischer Ansatz
Ich habe die Komponente mit React und TypeScript entwickelt und die API bewusst kompakt gehalten, ohne Runtime-Abhängigkeiten. Sie unterstützt controlled und uncontrolled Nutzung, konfigurierbare Shortcuts, mehrere sichtbare Monate und locale-basierte Formatierung. Zusätzlich zum npm-Paket habe ich eine Dokumentationsseite mit einem interaktiven Konfigurator entwickelt, über den Entwickler die Komponente visuell einstellen und die generierte Konfiguration direkt in ihr Projekt übernehmen können.
Was ich verbessern würde
Die wichtigsten Anwendungsfälle, für die das Paket ursprünglich entstanden ist, sind bereits abgedeckt. Als Nächstes würde ich insbesondere die manuelle Datumseingabe und das locale-spezifische Parsing verbessern, damit sich Eingabe und Kalenderdarstellung vollständig am gewählten Locale orientieren. Auch der Konfigurator soll mit neuen Paketfunktionen weiter ausgebaut werden.
- 0
- Runtime-Deps
- npm
- Distribution
- Visueller Konfigurator
- Einrichtung
Weitere Produkte
Fragen zu react-lite-daterange?
Gerne gebe ich mehr Einblick in die technischen Entscheidungen und die Umsetzung hinter dem Projekt.