# Date time picker

> AI-ranked search results for `date and time pickers` on awesome-repositories.com — ordered by an LLM for relevance, best match first. 108 total matches; showing the top 14.

Explore on the web: https://awesome-repositories.com/q/date-and-time-pickers

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/date-and-time-pickers).**

## Results

- [airbnb/react-dates](https://awesome-repositories.com/repository/airbnb-react-dates.md) (12,194 ⭐) — 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.
- [hacker0x01/react-datepicker](https://awesome-repositories.com/repository/hacker0x01-react-datepicker.md) (8,366 ⭐) — 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
- [flatpickr/flatpickr](https://awesome-repositories.com/repository/flatpickr-flatpickr.md) (16,469 ⭐) — 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
- [mui/mui-x](https://awesome-repositories.com/repository/mui-mui-x.md) (5,791 ⭐) — 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
- [eonasdan/tempus-dominus](https://awesome-repositories.com/repository/eonasdan-tempus-dominus.md) (7,175 ⭐) — 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
- [eternicode/bootstrap-datepicker](https://awesome-repositories.com/repository/eternicode-bootstrap-datepicker.md) (12,656 ⭐) — 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.
- [cosscom/coss](https://awesome-repositories.com/repository/cosscom-coss.md) (10,125 ⭐) — 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
- [mantinedev/mantine](https://awesome-repositories.com/repository/mantinedev-mantine.md) (31,263 ⭐) — 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
- [shadcn-ui/ui](https://awesome-repositories.com/repository/shadcn-ui-ui.md) (116,724 ⭐) — shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
- [duetds/date-picker](https://awesome-repositories.com/repository/duetds-date-picker.md) (1,723 ⭐) — 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/
- [wojtekmaj/react-date-picker](https://awesome-repositories.com/repository/wojtekmaj-react-date-picker.md) (1,348 ⭐) — A date picker for your React app.
- [almogtavor/date-range-picker](https://awesome-repositories.com/repository/almogtavor-date-range-picker.md) (104 ⭐) — ⚛️📆 Flexible React date range picker calendar with no dependencies.
- [johnpolacek/date-range-picker-for-shadcn](https://awesome-repositories.com/repository/johnpolacek-date-range-picker-for-shadcn.md) (1,014 ⭐) — DateRangePicker is a reusable component for shadcn using Radix UI and Tailwind CSS. Includes preset date ranges, text entry, calendar selection and date comparison
- [simeonc/md-date-time](https://awesome-repositories.com/repository/simeonc-md-date-time.md) (173 ⭐) — mdDateTime