awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Date time picker

Ranking updated Sep 10, 2026

For date and time pickers, the first results are airbnb/react-dates (This React date picker component supports date range selection, localization, and CSS-based customization, making it a fitting choice for form development), hacker0x01/react-datepicker (This project provides a React date picker component with keyboard accessibility and layout customization, though range selection and time picking are supported through specific features rather than a dedicated all-in-one out-of-the-box mode) and flatpickr/flatpickr (Flatpickr is a lightweight JavaScript date and time selection library that handles ranges and formatting well, though it lacks native React support out of the box without wrapper components). mui/mui-x and eonasdan/tempus-dominus round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

Compare open-source date and time picker components for web applications to find the right interface elements for your project.

Date time picker

Find the best repos with AI.We'll search the best matching repositories with AI.
  • airbnb/react-datesairbnb avatar

    airbnb/react-dates

    12,194View on GitHub↗

    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.

    This React date picker component supports date range selection, localization, and CSS-based customization, making it a fitting choice for form development.

    JavaScriptDate Range SchedulersDate and Time PickersDate Pickers
    View on GitHub↗12,194
  • hacker0x01/react-datepickerHacker0x01 avatar

    Hacker0x01/react-datepicker

    8,366View on GitHub↗

    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

    This project provides a React date picker component with keyboard accessibility and layout customization, though range selection and time picking are supported through specific features rather than a dedicated all-in-one out-of-the-box mode.

    TypeScriptKeyboard NavigationReact ComponentsDate and Time Pickers
    View on GitHub↗8,366
  • flatpickr/flatpickrflatpickr avatar

    flatpickr/flatpickr

    16,469View on GitHub↗

    Flatpickr is a lightweight, dependency-free JavaScript library designed to provide a modular date and time selection interface for web applications. It functions as a versatile web component that integrates into existing forms, offering a consistent user experience for picking single dates, ranges, or multiple values while maintaining a clear separation between human-readable display strings and machine-readable data. The library distinguishes itself through a robust configuration-driven architecture that allows for dynamic runtime updates and extensive customization of date formatting via a

    Flatpickr is a lightweight JavaScript date and time selection library that handles ranges and formatting well, though it lacks native React support out of the box without wrapper components.

    TypeScriptDate Range SchedulersDate and Time PickersDate Formatting Utilities
    View on GitHub↗16,469
  • mui/mui-xmui avatar

    mui/mui-x

    5,791View on GitHub↗

    MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

    MUI X is a comprehensive React UI component library that provides advanced date and time pickers with range selection, customizable formatting, keyboard accessibility, and modular design.

    TypeScriptKeyboard NavigationDate and Time PickersDate Pickers
    View on GitHub↗5,791
  • eonasdan/tempus-dominusEonasdan avatar

    Eonasdan/tempus-dominus

    7,175View on GitHub↗

    Tempus Dominus is a JavaScript date-time picker library designed to integrate with Bootstrap-based web projects, replacing manual text entry with an interactive calendar and clock interface. It functions as a form input enhancement that provides visual selection of single dates, times, or combined date-time values through a calendar and clock widget. The picker is built as a collection of independent UI components that manage their own state and rendering, with visual customization achieved entirely through CSS variables and class overrides without requiring JavaScript configuration. User int

    Tempus Dominus is a JavaScript date and time picker library that integrates with form inputs and supports customizable formatting and modular widgets, though it lacks native React support.

    HTMLTime PickersDate and Time Pickers
    View on GitHub↗7,175
  • eternicode/bootstrap-datepickereternicode avatar

    eternicode/bootstrap-datepicker

    12,656View on GitHub↗

    bootstrap-datepicker is a JavaScript calendar widget and UI extension designed to integrate with the Bootstrap CSS framework. It provides a graphical calendar interface for selecting dates within web applications, serving as a specialized component for Bootstrap web forms. The project functions as a client-side date selection tool that replaces manual text entry with an interactive calendar popup. It focuses on improving the frontend user interface for date-related inputs.

    This repository provides a JavaScript calendar widget and UI extension that integrates with Bootstrap forms for interactive date selection, though it targets vanilla JavaScript/jQuery rather than React.

    JavaScriptDate and Time Pickers
    View on GitHub↗12,656
  • cosscom/cosscosscom avatar

    cosscom/coss

    10,125View on GitHub↗

    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

    Coss is an accessible UI component library for React that includes date picker primitives and form controls, though it offers a broader design system framework rather than a dedicated standalone date-and-time picker.

    TypeScriptKeyboard NavigationDate and Time PickersDate Pickers
    View on GitHub↗10,125
  • mantinedev/mantinemantinedev avatar

    mantinedev/mantine

    31,263View on GitHub↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Mantine is a comprehensive React UI component library that includes robust date and time picker components, though its broad full-framework scope makes it heavier than a standalone picker.

    TypeScriptComponent LibrariesApplication ShellsBase Components
    View on GitHub↗31,263
  • shadcn-ui/uishadcn-ui avatar

    shadcn-ui/ui

    116,724View on GitHub↗

    shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.

    This repository provides customizable React UI components that can be integrated directly into your codebase to build date and time pickers, though it requires combining primitives like calendars and popovers rather than offering a single drop-in picker widget.

    TypeScriptData TablesAssistant Skill IntegrationsButton Groups
    View on GitHub↗116,724
  • duetds/date-pickerduetds avatar

    duetds/date-picker

    1,723View on GitHub↗

    Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

    Duet Date Picker is a web component for picking dates that prioritises accessibility, but it lacks built-in React support and time picking capabilities out of the box.

    TypeScriptForm Components
    View on GitHub↗1,723
  • wojtekmaj/react-date-pickerwojtekmaj avatar

    wojtekmaj/react-date-picker

    1,348View on GitHub↗

    A date picker for your React app.

    This repository provides a dedicated date picker component built specifically for React applications, matching the core requirement even though it lacks built-in time picking and range selection out of the box.

    TypeScriptDate And Time
    View on GitHub↗1,348
  • almogtavor/date-range-pickeralmogtavor avatar

    almogtavor/date-range-picker

    104View on GitHub↗

    ⚛️📆 Flexible React date range picker calendar with no dependencies.

    This is a React date range picker component that offers a lightweight, dependency-free option for date selection, though it lacks a built-in time picker and advanced formatting features.

    JavaScriptDate And Time
    View on GitHub↗104
  • johnpolacek/date-range-picker-for-shadcnjohnpolacek avatar

    johnpolacek/date-range-picker-for-shadcn

    1,014View on GitHub↗

    DateRangePicker is a reusable component for shadcn using Radix UI and Tailwind CSS. Includes preset date ranges, text entry, calendar selection and date comparison

    This repository provides a reusable date range picker component built for shadcn/ui and Tailwind CSS, making it a fitting choice for web forms requiring calendar selection and date ranges.

    TypeScriptCalendars and Scheduling
    View on GitHub↗1,014
  • simeonc/md-date-timeSimeonC avatar

    SimeonC/md-date-time

    173View on GitHub↗

    mdDateTime

    This repository provides a date and time picker component for web interfaces, though it lacks specific support for React and range selection.

    JavaScriptUI Components
    View on GitHub↗173
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
airbnb/react-dates12.2KJavaScriptMITApr 9, 2024
hacker0x01/react-datepicker8.4KTypeScriptMITApr 2, 2026
flatpickr/flatpickr
16.5K
TypeScript
MIT
Aug 2, 2024
mui/mui-x5.8KTypeScript—Jun 23, 2026
eonasdan/tempus-dominus7.2KHTMLMITMar 27, 2026
eternicode/bootstrap-datepicker12.7KJavaScriptApache-2.0Sep 15, 2025
cosscom/coss10.1KTypeScriptAGPL-3.0Jun 22, 2026
mantinedev/mantine31.3KTypeScriptMITJun 16, 2026
shadcn-ui/ui116.7KTypeScriptMITJun 16, 2026
duetds/date-picker1.7KTypeScriptMITMar 19, 2024

Related searches

  • Color picker
  • a color picker library for web development
  • a python library for date and time
  • a lightweight JavaScript library for date formatting
  • a library for handling dates and times
  • a robust library for handling PHP dates
  • a library for handling Java date time
  • a library for handling form data binding