{"id":14955260,"url":"https://github.com/maful/stimulus-easepick","last_synced_at":"2025-09-21T23:16:40.116Z","repository":{"id":250277569,"uuid":"833408582","full_name":"maful/stimulus-easepick","owner":"maful","description":"A Stimulus Wrapper for easepick datepicker library","archived":false,"fork":false,"pushed_at":"2024-10-31T01:19:49.000Z","size":56,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-08T01:37:54.069Z","etag":null,"topics":["datepicker","daterangepicker","easepick","hacktoberfest","hotwire","rails","stimulus","stimulusjs"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/stimulus-easepick","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maful.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"maful"}},"created_at":"2024-07-25T02:01:12.000Z","updated_at":"2025-01-22T05:04:09.000Z","dependencies_parsed_at":"2024-07-26T09:12:19.229Z","dependency_job_id":"89835da0-f8dd-4877-8d40-90ecb9342b07","html_url":"https://github.com/maful/stimulus-easepick","commit_stats":{"total_commits":22,"total_committers":1,"mean_commits":22.0,"dds":0.0,"last_synced_commit":"39b0fb43bf4b18029968a6612a42b5db733bf957"},"previous_names":["maful/stimulus-easepick"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maful%2Fstimulus-easepick","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maful%2Fstimulus-easepick/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maful%2Fstimulus-easepick/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maful%2Fstimulus-easepick/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maful","download_url":"https://codeload.github.com/maful/stimulus-easepick/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237932070,"owners_count":19389560,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["datepicker","daterangepicker","easepick","hacktoberfest","hotwire","rails","stimulus","stimulusjs"],"created_at":"2024-09-24T13:10:46.749Z","updated_at":"2025-09-21T23:16:35.085Z","avatar_url":"https://github.com/maful.png","language":"JavaScript","funding_links":["https://github.com/sponsors/maful"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\".github/social-stimulus-easepick.png\" width=\"1280\" title=\"Social Card Stimulus Easepick Datepicker\"\u003e\n\u003c/p\u003e\n\n# Stimulus Easepick Datepicker\n\n[![npm version](https://badge.fury.io/js/stimulus-easepick.svg)](https://www.npmjs.com/package/stimulus-easepick)\n\n## Getting started\n\nExperience the power of simplicity with our lightweight, zero-dependency datepicker powered by [easepick](https://easepick.com/). This Stimulus controller wrapper brings you:\n\n- Seamless integration with Stimulus\n- Minimal footprint for optimal performance\n- Rich functionality without the bloat\n\nTransform date input fields into intuitive, user-friendly datepickers with minimal effort.\n\n## Installation\n\nEnsure you have the following dependencies installed in your project:\n\n- @hotwired/stimulus v3 or later\n- @easepick/bundle v1.2 or later\n\nIntegrate `stimulus-easepick` into your project:\n\n```bash\nnpm install stimulus-easepick\n# yarn add stimulus-easepick\n```\n\nRegister the datepicker controller with your Stimulus application:\n\n```javascript\n// app/javascript/controllers/index.js\nimport { Application } from \"@hotwired/stimulus\";\nimport Datepicker from \"stimulus-easepick\";\n\nconst application = Application.start();\napplication.register(\"datepicker\", Datepicker);\n```\n\n## Usage\n\n```html\n\u003cdiv data-controller=\"datepicker\" data-datepicker-format-value=\"D MMM YYYY\"\u003e\n  \u003cinput data-datepicker-target=\"input\" /\u003e\n\u003c/div\u003e\n```\n\n## Configuration\n\n| Attribute | Default | Type | Description |\n|---|---|---|---|\n| `data-datepicker-first-day-value` | `1` | Number | Day of start week. (0 - Sunday, 1 - Monday, etc…) |\n| `data-datepicker-lang-value` | `en-US` | String | Language. This option affect to day names, month names via [Date.prototype.toLocaleString()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString) and also affect to plural rules via [Intl.PluralRules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/PluralRules). |\n| `data-datepicker-date-value` |  | String, Number | Unix Timestamp (with milliseconds) or String (must satisfy the option `format`). |\n| `data-datepicker-format-value` | `YYYY-MM-DD` | String | The default output format. See [tokens format](https://easepick.com/packages/datetime#tokens-format). |\n| `data-datepicker-grid-value` | `1` | Number | Number of calendar columns. |\n| `data-datepicker-calendars-value` | `1` | Number | Number of visible months. |\n| `data-datepicker-readonly-value` | `false` | Boolean | Add `readonly` attribute to `element`. |\n| `data-datepicker-inline-value` | `false` | Boolean | Show calendar inline. |\n| `data-datepicker-enable-lock-value` | `false` | Boolean | Enable Lock Plugin. |\n| `data-datepicker-lock-min-date-value` |  | String, Number | Lock Plugin. The minimum date that can be selected. Unix Timestamp (with milliseconds) or String (must satisfy the option `format`). |\n| `data-datepicker-lock-max-date-value` |  | String, Number | Lock Plugin. The maximum date that can be selected. Unix Timestamp (with milliseconds) or String (must satisfy the option `format`). |\n| `data-datepicker-lock-select-backward-value` | `false` | Boolean | Lock Plugin. Select second date before the first selected date. |\n| `data-datepicker-lock-select-forward-value` | `false` | Boolean | Lock Plugin. Select second date after the first selected date. |\n| `data-datepicker-lock-min-days-value` | `null` | Number | Lock Plugin. The minimum days of the selected range. |\n| `data-datepicker-lock-max-days-value` | `null` | Number | Lock Plugin. The maximum days of the selected range. |\n| `data-datepicker-enable-time-value` | `false` | Boolean | Enable Time Plugin. |\n| `data-datepicker-time-seconds-value` | `false` | Boolean | Enable seconds picker. |\n| `data-datepicker-time-step-hours-value` | `1` | Number | Step for hours. |\n| `data-datepicker-time-step-minutes-value` | `5` | Number | Step for minutes. |\n| `data-datepicker-time-step-seconds-value` | `5` | Number | Step for seconds. |\n| `data-datepicker-time-twelve-format-value` | `false` | Boolean | Display 12H time. |\n| `data-datepicker-enable-amp-value` | `false` | Boolean | Enable Amp Plugin. |\n| `data-datepicker-amp-reset-button-value` | `false` | Boolean | Adds a reset button to clear the current selection. |\n| `data-datepicker-amp-months-value` | `false` | Boolean | Enable the months dropdown in the calendar. |\n| `data-datepicker-amp-years-value` | `false` | Boolean | Enable the years dropdown in the calendar. |\n| `data-datepicker-amp-min-year-value` | `1950` | Number | The minimum year that can be selected in the dropdown. |\n| `data-datepicker-amp-max-year-value` | `null` | Number | The maximum year that can be selected in the dropdown. |\n| `data-datepicker-enable-range-value` | `false` | Boolean | Enable Range Plugin. |\n| `data-datepicker-range-delimiter-value` | ` - ` | String | Delimiter between dates. |\n| `data-datepicker-range-tooltip-value` | `true` | Boolean | Showing tooltip with how many days will be selected. |\n| `data-datepicker-range-start-date-value` | `null` | String, Number | Preselect start date. Unix Timestamp (with milliseconds) or String (must satisfy the option `format`). |\n| `data-datepicker-range-end-date-value` | `null` | String, Number | Preselect end date. Unix Timestamp (with milliseconds) or String (must satisfy the option `format`). |\n| `data-datepicker-enable-preset-value` | `false` | Boolean | Enable Preset Plugin. Range plugin must be enabled. |\n| `data-datepicker-preset-position-value` | `left` | String | Position of preset block (`left`, `right`, `top`, or `bottom`). |\n| `data-datepicker-enable-kbd-value` | `false` | Boolean | Enable Keyboard Plugin. |\n| `data-datepicker-kbd-unit-index-value` | `1` | Number | `tabIndex` for elements except days elements. |\n| `data-datepicker-kbd-day-index-value` | `2` | Number | `tabIndex` for days elements. |\n\n## Contributing\n\nDo not hesitate to contribute to the project by adapting or adding features! Bug reports or pull requests are welcome.\n\nDon't forget to drop a 🌟 on [GitHub](https://github.com/maful/stimulus-easepick) to support the project.\n\n## License\n\nThis project is released under the [MIT](http://opensource.org/licenses/MIT) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaful%2Fstimulus-easepick","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaful%2Fstimulus-easepick","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaful%2Fstimulus-easepick/lists"}