# uxsolutions/bootstrap-datepicker

**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/uxsolutions-bootstrap-datepicker).**

12,656 stars · 5,900 forks · JavaScript · Apache-2.0

## Links

- GitHub: https://github.com/uxsolutions/bootstrap-datepicker
- awesome-repositories: https://awesome-repositories.com/repository/uxsolutions-bootstrap-datepicker.md

## Topics

`bootstrap` `bootstrap-datepicker` `javascript`

## Description

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.

## Tags

### User Interface & Experience

- [Date Pickers](https://awesome-repositories.com/f/user-interface-experience/date-pickers.md) — Provides a calendar interface for selecting single dates, date ranges, or multiple dates. ([source](https://uxsolutions.github.io/bootstrap-datepicker/))
- [Calendars](https://awesome-repositories.com/f/user-interface-experience/calendars.md) — Provides a client-side JavaScript interface for picking dates and ranges through a navigable monthly view.
- [Selection Constraints](https://awesome-repositories.com/f/user-interface-experience/date-and-time-pickers/selection-constraints.md) — Limits selectable dates through boundary enforcement, blacklisting, and custom validation rules. ([source](https://uxsolutions.github.io/bootstrap-datepicker/))
- [Date Selection Components](https://awesome-repositories.com/f/user-interface-experience/date-selection-components.md) — Provides a visual calendar interface for selecting dates or ranges within web forms.
- [Date Input Validation](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/form-validation/date-input-validation.md) — Filters selectable dates by comparing current calendar views against defined boundary constraints.
- [Calendar Components](https://awesome-repositories.com/f/user-interface-experience/ui-components/form-input-components/calendar-components.md) — Provides a customizable calendar interface for date selection and data input management. ([source](https://uxsolutions.github.io/bootstrap-datepicker/))

### Part of an Awesome List

- [Bootstrap Components](https://awesome-repositories.com/f/awesome-lists/devtools/bootstrap-components.md) — Integrates interactive date selection tools specifically designed for the Bootstrap CSS framework.
- [Temporal View Switching](https://awesome-repositories.com/f/awesome-lists/devtools/list-and-grid-views/view-switching-logic/temporal-view-switching.md) — Toggles the interface between different time scales like days, months, and years by swapping rendered fragments.

### Development Tools & Productivity

- [Locale Mappings](https://awesome-repositories.com/f/development-tools-productivity/date-and-time-utilities/relative-date-formatting/locale-mappings.md) — Uses lookup tables to translate date displays and labels into language-specific and regional formats.

### Web Development

- [Calendar Localizations](https://awesome-repositories.com/f/web-development/calendar-localizations.md) — Adapts the visual layout and date formats of the calendar picker to match regional standards.