wojtekmaj/react-calendar
React Calendar
react-calendar is a customizable date grid and picker for React applications. It provides an interactive interface for selecting single or multiple dates and navigating between months and years.
The component uses browser internationalization APIs to format months and days, enabling multilingual date formatting for different global regions. It allows for external customization through prop-driven render overrides to replace default date cell displays.
The library handles the underlying date calculations and state-driven navigation required for scheduling interfaces and date-based grids.
Features
- Calendar Grid Rendering - Renders an interactive date-based grid with configurable layouts and navigation.
- React Date Pickers - Provides a customizable calendar-based date and time selection component built specifically for React applications.
- Calendar Date Calculations - Handles the underlying logic for determining days and offsets to generate the calendar grid.
- Month Boundary Calculations - Calculates the first and last dates of the month to define the visible range of the grid.
- Calendar Date Selection - Provides an interactive interface for picking individual dates or ranges from a grid.
- React Components - Implements a reusable interface element for date-based navigation and scheduling within the React ecosystem.
- Date Selection Components - Provides a core React-based UI component for selecting dates through an interactive grid.
- State-Driven Navigations - Manages navigation between dates and months using internal state updates.
- State-Driven View Management - Controls the displayed month and year through a declarative state-driven approach.
- Calendar Grid Renderers - Implements a dynamic grid rendering system that maps date arrays to individual React components.
- Date Localizations - Translates month and day names into various languages using locale settings.
- Localized Date Pickers - Provides a date picker adapted for different languages and regional formats.
- Calendar-Based Scheduling Interfaces - Provides the UI foundation for building event management and scheduling interfaces.
- Date Disabling - Allows specific calendar days to be visually marked as non-selectable via conditional styling.
- Render Props - Implements render props to allow external control over the rendering logic of date cells.
- React UI Component Libraries - Offers a specialized collection of reusable UI elements for handling date navigation in React projects.
- Component-Based Cell Rendering - Allows users to replace default date cell displays using custom UI components.
- Conditional Class Mappings - Uses conditional logic to map CSS classes to dates based on their selection or disabled state.
- Internationalization API Integrations - Leverages the native browser Internationalization API for locale-aware date formatting.
- Internationalized Date Formatting - Provides locale-aware formatting for date labels based on the user's region.
- Date And Time - Comprehensive calendar component for React.
