clauderic/react-infinite-calendar
React Infinite Calendar
Dies ist eine Datumsauswahl-Komponente für React, die über eine kontinuierliche vertikale Scroll-Schnittstelle verfügt. Sie bietet eine Webschnittstelle zur Auswahl von Daten und unterstützt sowohl die Auswahl einzelner Daten als auch die Definition spezifischer Zeiträume durch Bereichsauswahl.
Die Komponente zeichnet sich durch einen Infinite-Scroll-Mechanismus aus, der es Benutzern ermöglicht, Daten ohne Paginierung oder Dropdowns zu durchsuchen. Sie beinhaltet eine Jahresnavigation, um schnell zwischen verschiedenen Jahren zu springen, und nutzt Windowed Virtual Scrolling, um die Performance aufrechtzuerhalten.
Die Schnittstelle unterstützt regionale Lokalisierung für Beschriftungen und Datumsformate. Sie enthält Barrierefreiheitsfunktionen wie tastaturgesteuerte Navigation und Screenreader-Kompatibilität. Die Datumsbeschränkungsverwaltung ermöglicht die Definition von Mindest- und Höchstdaten oder das Deaktivieren spezifischer Tage.
Features
- Calendar Date Selection - Provides a comprehensive user interface for browsing and selecting individual dates or ranges from a calendar grid.
- React Date Pickers - Ships a calendar-based date selection component built specifically for the React ecosystem.
- Date Selection Components - Offers an interactive date selection component featuring a continuous vertical scrolling interface.
- Infinite Date Timelines - Features a continuous vertical scrolling interface that allows users to browse dates without pagination.
- Virtual Scrolling - Implements virtual scrolling to render only visible date cells, ensuring high performance during infinite scrolling.
- Accessible UI Components - Provides a date selection interface built with accessibility standards, including full keyboard support.
- Keyboard Date Navigations - Provides keyboard-driven navigation within the calendar using arrow and enter keys to improve accessibility.
- Range Selection Interfaces - Provides a user interface for choosing start and end dates to define specific time periods.
- Rapid Year Navigation - Includes a year navigation feature that allows users to jump instantly to a target year.
- Date Range Restrictions - Manages selection boundaries to constrain users to a specific minimum and maximum date range.
- Localized Calendar Labels - Displays calendar labels and date formats according to the user's regional and language settings.
- Internationalized Date Formatting - Utilizes internationalization libraries to provide locale-aware date formatting and patterns.
