46 Repos
Components for selecting and displaying dates and times.
Distinguishing note: No existing UI component taxonomy found in shortlist.
Explore 46 awesome GitHub repositories matching user interface & experience · Date Pickers. Refine with filters or upvote what's useful.
This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
Provides interfaces for date and time selection.
Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.
Customizes date picker appearance and display formats in the administrative panel.
React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr
Collects date values through locale-aware picker components.
This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen
Provides components for selecting and displaying dates with calendar-based interfaces.
Android-PickerView is a custom view library for Android that provides a wheel-based scrolling interface for selecting dates, times, and custom data options. It functions as a selection component that can be used for specialized time and date picking or as a general wheel picker for custom data sets. The library features cascading selection capabilities, allowing for linked data selectors where choosing an option in one column filters the available choices in subsequent columns. It also supports cyclic scrolling to create a continuous loop and can encapsulate the selector within a modal dialog
Provides capabilities to constrain selectable indices based on minimum and maximum boundary limits.
bootstrap-datepicker is a JavaScript calendar widget and UI extension designed for the Bootstrap CSS framework. It provides a client-side input component for web forms that allows users to select single dates or date ranges through a navigable monthly calendar view. The component includes localized calendar interfaces that adapt visual layouts and date formats to match different languages and regional standards. It also features custom date validation to restrict user input by disabling specific days or setting minimum and maximum date boundaries.
Provides a calendar interface for selecting single dates, date ranges, or multiple dates.
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Provides a two-calendar dropdown for selecting start and end dates with optional time granularity.
react-dates is a set of React components for date selection, providing interfaces for picking single dates or date ranges through controlled input components and calendars. The project features built-in support for internationalization, allowing date formats and interface strings to be translated via locale settings. It also supports visual customization through theme registration and CSS overrides to match specific application styles. The component suite covers a variety of selection workflows, including calendar range selection and date range input fields.
Provides a controlled input and calendar interface for picking a specific individual date.
This is a JavaScript date and time selector and a jQuery-based component used to capture single dates or date ranges through a calendar dropdown interface. It serves as a web-based tool for selecting specific days along with hours and minutes for scheduling and data filtering. The project includes support for regional date localization, allowing date displays and labels to be translated and formatted to match different languages and regional requirements. The component provides capabilities for input validation through date constraints and the definition of selectable time windows. Users can
Implements a calendar dropdown interface specifically for capturing single dates or date ranges.
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
Provides a customizable user interface for selecting single or multiple dates with specific constraints.
FSCalendar is a native iOS user interface library and customizable date picker designed for integration into mobile applications. It provides a reusable calendar component that supports both Swift and Objective-C. The library allows for the creation of custom calendar cell designs and supports date selection through swiping gestures, enabling both single and multiple date selection workflows. The component can be configured via Interface Builder for visual layout design. It includes capabilities for rendering calendar views and implementing custom date picker designs to match specific applic
Provides a customizable date picker for creating brand-specific visual layouts.
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
Implements interfaces for selecting single dates or date ranges with custom marking.
Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const
Ships date picker components supporting single dates, ranges, and multi-selection.
Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover
Ships calendar interfaces for date selection with support for custom formatting and restrictions.
Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap
Ships a calendar dropdown for selecting single dates, ranges, or months.
CalendarView is a high-performance Android UI component designed for displaying dates and navigating chronological views. It functions as a canvas-based widget that utilizes direct drawing instead of standard list views to minimize memory usage and ensure fast rendering of complex date interfaces. The component provides a programmable interface for switching between month, week, year, and lunar views. It differentiates itself through a pluggable customization system that allows developers to override the drawing logic for dates, text, event markers, and selection layouts. The library support
Implements a specialized date selection interface supporting single, multiple, or range-based picking.
Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int
Provides calendar-based date selection inputs for integration into web pages.
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
Provides a flexible component for selecting dates, marking holidays, and customizing the calendar layout.
shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail
Provides UI components specifically designed for selecting start and end dates to define time intervals.
Pikaday is a lightweight JavaScript datepicker library and client-side date input manager. It provides a standalone calendar interface for selecting dates in web applications as a zero-dependency UI component that operates without external frameworks or libraries. The tool features a modular CSS architecture that separates structural logic from visual presentation, allowing for flexible customization of the calendar layout. It includes built-in support for calendar localization, enabling the update of month names and weekday labels to match specific languages or regions. The library manages
Provides methods to programmatically get, set, or clear the active selected date.