10 Repos
The process of rendering a date-based grid with configurable layout, scroll directions, and starting weekdays.
Distinct from Calendar DOM Rendering: Existing candidates are either too focused on HTML/DOM or too narrow (date calculations) and do not cover the flexible native rendering engine.
Explore 10 awesome GitHub repositories matching user interface & experience · Calendar Grid Rendering. Refine with filters or upvote what's useful.
FSCalendar is a customizable calendar UI library and date picker component for iOS applications. It provides a programmable interface for rendering date grids and event markers, supporting both Swift and Objective-C development. The library enables the creation of custom date picking interfaces with specific range restrictions and selection rules. It supports the display of date-based metadata and event visualization within a mobile scheduling context. The framework covers visual styling and cell design, allowing for custom view components, subtitles, and event markers. It includes a flexibl
Ships a flexible calendar display with adjustable scroll directions and configurable starting weekdays.
This project provides a set of customizable calendar and date-picking interfaces for cross-platform mobile applications. It includes an interactive date grid and a date picker interface used for selecting single dates or date ranges. The components support localized date displays, allowing month names and date formatting to adapt to different languages and regional settings. Users can navigate months via a scrollable grid and mark specific days with custom highlights or indicators to signify events and status. The library covers date selection constraints to block specific dates and a select
Renders flexible date grids with support for month swiping and custom rendering.
react-big-calendar is a React calendar component used for rendering schedules and time-based events within web applications. It functions as a customizable event scheduler and JavaScript date visualization library that maps scheduled activities to a time-grid layout. The project is a date-agnostic scheduling interface, utilizing a pluggable adapter to support various third-party JavaScript date libraries. It allows for the replacement of internal calendar elements with custom React components and employs SASS variables for visual styling. The library covers interactive event scheduling and t
Renders a flexible, customizable date-based grid for visualizing complex event data.
This project is a reusable React datepicker component providing an accessible, localized interface for selecting dates and times within web applications. It functions as an input field that triggers a calendar popup for precise temporal data entry. The component is designed for flexibility, allowing for a customizable calendar layout and the integration of custom external elements to trigger the picker. It supports marking holidays with custom labels and styles and implements date selection restrictions through boundaries, exclusion lists, and filter functions. The system includes comprehens
Generates a date-based calendar grid driven by a central state and the component lifecycle.
JTAppleCalendar is a customizable calendar component and date picker library for iOS applications built with Swift. It provides a programmable user interface control designed to display date-based grids and manage date selection. The library supports both single-date and range-based selection modes, allowing for the highlighting of continuous date spans. It features a flexible grid system that enables custom cell rendering and protocol-based customization to match specific application aesthetics. The component includes capabilities for date navigation, range restriction to define viewable bo
Provides a native rendering engine for date-based grids with configurable layouts, scroll directions, and boundaries.
AndroidPicker is a collection of customizable UI selection interfaces for Android applications. The library provides specialized components for selecting geographic addresses, calendar dates, clock times, local files, and numeric values. The library features a wheel-based input mechanism for choosing measurements and a hierarchical selection system for mapping provinces, cities, and districts. It includes cascading selection logic where choices in one picker dynamically filter available options in subsequent levels. The capability surface covers date and time picking through grid views, loca
Implements a date-based grid rendering engine for selecting specific days in a monthly view.
A Material design back port of Android's CalendarView
Core architecture: renders each calendar cell through a pluggable adapter for custom day views.
Planify is a task management application and productivity suite designed for organizing to-do lists and schedules. It functions as a desktop tool for personal task management, featuring a visual calendar for planning deadlines and tracking daily productivity. The project integrates cloud synchronization to maintain data consistency across multiple devices. It also includes a natural language interface that acts as a documentation assistant, utilizing an API to retrieve answers and excerpts from technical content. The application covers a broad range of organizational capabilities, including
Implements a visual calendar grid that maps task deadlines by calculating date offsets in the user interface.
v-calendar ist eine anpassbare Kalender- und Datepicker-Komponente für Vue-Anwendungen. Sie bietet ein interaktives Kalender-UI und ein flexibles Datepicker-Plugin für die Datums- und Zeitauswahl, einschließlich Unterstützung für einzelne Daten, Datumsbereiche und spezifische Zeitstempel. Das Projekt zeichnet sich durch umfangreiche UI-Anpassungsoptionen aus, die den Austausch von Standard-Headern und Navigationsbuttons über benutzerdefinierte Komponenten-Slots ermöglichen. Es bietet Datums-Dekorationsfunktionen wie Datumsmarker, Highlights und Popovers, um spezifische Tage oder wiederkehrende Muster visuell hervorzuheben. Die Komponente deckt ein breites Spektrum an Funktionsbereichen ab, einschließlich regionaler Lokalisierung und Zeitzonenkonfiguration, programmatischer Navigation und Datumsbereichsbeschränkungen. Sie enthält zudem Hilfsprogramme für Masken-basiertes Datums-String-Parsing und benutzerdefinierte Datumsformatierung. Das visuelle Styling wird über Theme-Eigenschaften, Dark-Mode-Unterstützung und benutzerdefinierte CSS-Variablen verwaltet.
Displays dates in daily, weekly, or monthly formats with customizable layouts and localization.
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.
Renders an interactive date-based grid with configurable layouts and navigation.