# pikaday/pikaday

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/pikaday-pikaday).**

8,092 stars · 1,281 forks · JavaScript · NOASSERTION · archived

## Links

- GitHub: https://github.com/Pikaday/Pikaday
- awesome-repositories: https://awesome-repositories.com/repository/pikaday-pikaday.md

## Description

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 date selection through input binding integration, providing capabilities for date value formatting and range constraints. It supports date selection restrictions via minimum and maximum boundaries, the ability to highlight specific dates, and programmatic control over picker visibility and navigation.

## Tags

### User Interface & Experience

- [Date Picker Interfaces](https://awesome-repositories.com/f/user-interface-experience/date-picker-interfaces.md) — Provides a standalone, lightweight interactive calendar interface for selecting dates in web applications. ([source](https://github.com/pikaday/pikaday#readme))
- [Date Selection Components](https://awesome-repositories.com/f/user-interface-experience/date-selection-components.md) — Provides a lightweight, standalone calendar interface for selecting dates within web applications.
- [Form-Integrated Date-Time Pickers](https://awesome-repositories.com/f/user-interface-experience/date-and-time-pickers/form-integrated-date-time-pickers.md) — Binds the calendar picker to an input field or container to capture user date selections. ([source](https://github.com/pikaday/pikaday#readme))
- [Date Pickers](https://awesome-repositories.com/f/user-interface-experience/date-pickers.md) — Provides methods to programmatically get, set, or clear the active selected date. ([source](https://github.com/pikaday/pikaday#readme))
- [Datepicker Widgets](https://awesome-repositories.com/f/user-interface-experience/datepicker-widgets.md) — Implements a lightweight calendar interface specifically designed for date selection and form field binding.
- [Event-Driven Component Interfaces](https://awesome-repositories.com/f/user-interface-experience/event-driven-ui-frameworks/event-driven-component-interfaces.md) — Uses a dedicated event listener system to bind the picker's lifecycle to input focus and click events.
- [Date Input Validation](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/form-validation/date-input-validation.md) — Provides rules for restricting date selection through minimum and maximum boundaries and custom disabling logic.
- [Input Binding Managers](https://awesome-repositories.com/f/user-interface-experience/modal-dialogs/text-input-dialogs/date-pickers/input-binding-managers.md) — Binds calendar pickers to input fields with support for date formatting and range restrictions.
- [Automatic Positioning](https://awesome-repositories.com/f/user-interface-experience/date-picker-interfaces/automatic-positioning.md) — Automatically places the calendar relative to an input field and adjusts its location to fit the screen. ([source](https://github.com/pikaday/pikaday#readme))
- [View Navigation](https://awesome-repositories.com/f/user-interface-experience/date-pickers/range-selection/month-and-year-pickers/view-navigation.md) — Allows users to jump to specific dates, months, or years and toggle between different time periods. ([source](https://github.com/pikaday/pikaday#readme))
- [Selection Restrictions](https://awesome-repositories.com/f/user-interface-experience/date-pickers/selection-restrictions.md) — Blocks specific dates using range boundaries, weekend disabling, or custom logic functions. ([source](https://github.com/pikaday/pikaday#readme))
- [Date Range Restrictions](https://awesome-repositories.com/f/user-interface-experience/date-range-schedulers/date-range-restrictions.md) — Supports setting minimum and maximum boundaries to restrict the range of selectable dates. ([source](https://github.com/pikaday/pikaday#readme))
- [Modular Styling](https://awesome-repositories.com/f/user-interface-experience/datepicker-widgets/modular-styling.md) — Features a modular CSS architecture that separates structural logic from visual presentation for flexible calendar customization.
- [Standalone UI Components](https://awesome-repositories.com/f/user-interface-experience/standalone-ui-components.md) — Offers a lightweight, standalone date picking utility that can be integrated into any frontend project with minimal footprint.

### Part of an Awesome List

- [Calendars and Pickers](https://awesome-repositories.com/f/awesome-lists/devtools/calendars-and-pickers.md) — Provides a modular date picker with customizable layout, localization, and styling rules.
- [Localizations](https://awesome-repositories.com/f/awesome-lists/devtools/calendars-and-pickers/localizations.md) — Allows updating month names, weekday labels, and text direction to match specific languages or regions. ([source](https://github.com/pikaday/pikaday#readme))
- [UI Layout Customization](https://awesome-repositories.com/f/awesome-lists/devtools/calendars-and-pickers/ui-layout-customization.md) — Supports adjusting the number of visible months, weekly start days, and text orientation. ([source](https://github.com/pikaday/pikaday#readme))
- [UI Component Libraries](https://awesome-repositories.com/f/awesome-lists/devtools/ui-component-libraries.md) — Lightweight, dependency-free JavaScript datepicker for web forms.

### Development Tools & Productivity

- [Date String Parsers](https://awesome-repositories.com/f/development-tools-productivity/date-and-time-utilities/relative-date-formatting/date-string-parsers.md) — Provides internal mapping rules to convert user-entered date strings into native JavaScript date objects.
- [Date Formatting Utilities](https://awesome-repositories.com/f/development-tools-productivity/date-formatting-utilities.md) — Converts date objects into formatted strings and parses input text back into dates using standardized rules. ([source](https://github.com/pikaday/pikaday#readme))

### Web Development

- [Calendar DOM Rendering](https://awesome-repositories.com/f/web-development/direct-dom-manipulation/calendar-dom-rendering.md) — Generates the calendar grid and navigation controls by directly manipulating the browser's document object model.

### Software Engineering & Architecture

- [Modular Stylesheet Architectures](https://awesome-repositories.com/f/software-engineering-architecture/modular-stylesheet-architectures.md) — Organizes styling into discrete, pluggable CSS files to separate structural logic from visual presentation.
- [Zero-Dependency Libraries](https://awesome-repositories.com/f/software-engineering-architecture/zero-dependency-libraries.md) — Provides a standalone front-end element that operates without relying on external JavaScript frameworks or libraries.