MCPcopy
hub / github.com/flatpickr/flatpickr

github.com/flatpickr/flatpickr @v4.6.13 sqlite

repository ↗ · DeepWiki ↗ · release v4.6.13 ↗
207 symbols 528 edges 94 files 11 documented · 5%
README

flatpickr - javascript datetime picker

Actions Status

Coverage npm version CDNJS License

blue green confetti red default dark

Motivation

Almost every large SPA or project involves date and time input. Browser's native implementations of those are inconsistent and limited in functionality. Most other libraries require you to pull in heavy dependencies like jQuery, Bootstrap, and moment.js. I wanted something that was good-looking out of the box, dependency-free, powerful, and extensible.

Feature overview:

  • Dependency-free (no bloated bundles)
  • Simple, polished UX
  • Date + time input
  • Range selections
  • Ability to select multiple dates
  • Can be used as just a time picker
  • Display dates in a human-friendly format
  • Easily disable specific dates, date ranges, or any date using arbitrary logic
  • Week numbers
  • 51 locales
  • 8 colorful themes (incl. dark and material)
  • Numerous plugins
  • Libraries available for React, Angular, Vue, Ember, and more

flatpickr provides more functionality at a fraction of the size of other libraries.

Compatibility

IE9 and up, Edge, iOS Safari 6+, Chrome 8+, Firefox 6+

Install & Use

Demos and documentation: https://flatpickr.js.org

See also: * angular2+-flatpickr addon * angularJS-flatpickr addon * ember-flatpickr addon * Preact Component * React Component * Stimulus.js Controller * Svelte Component * vue-flatpickr component * lit-flatpickr component

Supporting flatpickr

flatpickr will never change its license, pester users for donations, or engage in other user-hostile behavior.

Nevertheless, if you enjoyed working with this library or if its made your life easier, you can buy me a cup of coffee :)

Buy Me a Coffee at ko-fi.com

Extension points exported contracts — how you extend this code

HTMLElement (Interface)
(no doc)
src/types/globals.ts
FormatterArgs (Interface)
(no doc)
src/utils/dates.ts
Config (Interface)
(no doc)
src/plugins/rangePlugin.ts
NodeList (Interface)
(no doc)
src/types/globals.ts
Window (Interface)
(no doc)
src/plugins/rangePlugin.ts
HTMLCollection (Interface)
(no doc)
src/types/globals.ts
Config (Interface)
(no doc)
src/plugins/momentPlugin.ts
Window (Interface)
(no doc)
src/types/globals.ts

Core symbols most depended-on inside this repo

createElement
called by 30
src/utils/dom.ts
bind
called by 24
src/index.ts
triggerEvent
called by 23
src/index.ts
getEventTarget
called by 19
src/utils/dom.ts
toggleClass
called by 15
src/utils/dom.ts
pad
called by 14
src/utils/index.ts
compareDates
called by 14
src/utils/dates.ts
int
called by 12
src/utils/index.ts

Shape

Function 187
Interface 20

Languages

TypeScript100%

Modules by API surface

src/index.ts83 symbols
src/plugins/monthSelect/index.ts17 symbols
build.ts14 symbols
src/plugins/rangePlugin.ts10 symbols
__tests__/src/index.spec.ts10 symbols
src/utils/dates.ts9 symbols
__tests__/src/plugins/monthSelect/index.spec.ts8 symbols
src/plugins/scrollPlugin.ts7 symbols
src/plugins/minMaxTimePlugin.ts7 symbols
src/utils/dom.ts6 symbols
src/plugins/weekSelect/weekSelect.ts6 symbols
src/types/globals.ts5 symbols

Dependencies from manifests, versioned

@babel/core7.12.10 · 1×
@babel/plugin-proposal-object-rest-spread7.12.1 · 1×
@babel/plugin-proposal-optional-catch-binding7.12.1 · 1×
@babel/preset-env7.12.11 · 1×
@types/acorn4.0.5 · 1×
@types/fs-extra9.0.5 · 1×
@types/glob7.1.3 · 1×
@types/jest27.4.1 · 1×
@types/jquery3.5.5 · 1×
@types/node14.14.14 · 1×
@types/stylus0.48.33 · 1×
autoprefixer-styluslatest · 1×

For agents

$ claude mcp add flatpickr \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact