OSS Tanbou
Sign in with GitHub
View on GitHubProject website

pick dates, times, ranges, and multiple days with a dependency-free UI and configurable disabled dates and locales

OSS scale score 280.3OSS health 22Update pace 0 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
16,464
Primary language
TypeScript
License
MIT
Repository last updated
Aug 2, 2024
On this page

Overview

flatpickr is a dependency-free JavaScript/TypeScript date and time picker. It supports single dates, ranges, multiple dates, and time-only input, with configurable formats, disabled dates, week numbers, locales, themes, and plugins.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Key features

Switch between single, range, multiple, and time modes

The mode option supports single, multiple, range, and time, while enableTime adds time selection alongside a calendar.

Sources: [1][2]

Control selectable dates and display formats through options

Applications can disable specific dates, ranges, or dates selected by custom logic and can configure how selected dates are formatted for display.

Sources: [1]

Combine locales, themes, plugins, and フレームワーク用ラッパーs

The README lists 51 locales, multiple themes, numerous plugins, and wrapper projects for React, Angular, Vue, Svelte, and other frameworks.

Sources: [1]

Best fit

Fits booking, filtering, and administration interfaces that need richer date selection than native inputs

It is useful for date-range searches, reservation times, multi-day selections, and disabled-date rules under one picker interface.

Sources: [1]

Before adoption

Business date rules and timezone handling remain application responsibilities

The picker handles input and selection UI, while business-day logic, timezone conversion, and server storage formats should be designed explicitly by the application.

Sources: [1]

Framework wrappers are separate projects and need compatibility checks

React, Vue, Angular, and other wrappers linked from the README are separate projects, so their compatibility and maintenance status should be checked against flatpickr 4.6.13 and the selected framework version.

Sources: [1]

Official sources

  1. [1]flatpickr v4.6.13 README(2026-10-05)
  2. [2]flatpickr v4.6.13 options(2026-10-05)
  3. [3]flatpickr v4.6.13 package metadata(2026-10-05)
  4. [4]flatpickr v4.6.13 release(2026-10-05)
  5. [5]flatpickr MIT license(2026-10-05)
Supplemental curator note

flatpickr is practical when native date inputs do not cover ranges, multiple dates, time selection, or complex disabled-date rules. Since 4.6.13 remains the current stable release, new integrations should verify target-browser and framework-wrapper compatibility in their actual environment.

Try it in 3 steps

  1. 1

    Install flatpickr 4.6.13

    Pin the reviewed stable release.

    npm install --save-exact flatpickr@4.6.13
  2. 2

    Import flatpickr and the default CSS

    Load the JavaScript API and default styling.

    import flatpickr from 'flatpickr'; import 'flatpickr/dist/flatpickr.min.css';
  3. 3

    Create a range picker with time selection

    Combine mode: 'range' with enableTime so one input can select a date range and times.

    flatpickr('#schedule', { mode: 'range', enableTime: true, dateFormat: 'Y-m-d H:i' });
Check the official README

Growth

Growth trends · Last 30 days

16,464 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
0
Open PRs
134

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • datetime
  • datetime-picker
  • datepicker
  • timepicker
  • daterange
  • date
  • daterangepicker
Stars
16,464
Forks
1,452
Watchers
196
Open issues
726
Contributors
221
Owner type
Organization
Primary language
TypeScript
License
MIT
Repository last updated
Aug 2, 2024
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.

After reading this page, do you know what to do next?