{"id":31913617,"url":"https://github.com/zhibirc/excale","last_synced_at":"2025-10-13T18:51:31.717Z","repository":{"id":43985772,"uuid":"243734318","full_name":"zhibirc/excale","owner":"zhibirc","description":":calendar: Simple and solid implementation of Calendar UI component","archived":false,"fork":false,"pushed_at":"2023-01-07T15:21:56.000Z","size":1220,"stargazers_count":1,"open_issues_count":16,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-16T17:27:44.157Z","etag":null,"topics":["calendar","calendar-component","calendar-widget","date-picker","datepicker","datepicker-component","time-picker","timepicker"],"latest_commit_sha":null,"homepage":"","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/zhibirc.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-02-28T10:17:22.000Z","updated_at":"2020-03-25T17:47:44.000Z","dependencies_parsed_at":"2023-02-07T12:46:12.608Z","dependency_job_id":null,"html_url":"https://github.com/zhibirc/excale","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zhibirc/excale","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhibirc%2Fexcale","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhibirc%2Fexcale/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhibirc%2Fexcale/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhibirc%2Fexcale/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhibirc","download_url":"https://codeload.github.com/zhibirc/excale/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhibirc%2Fexcale/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279016623,"owners_count":26085853,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["calendar","calendar-component","calendar-widget","date-picker","datepicker","datepicker-component","time-picker","timepicker"],"created_at":"2025-10-13T18:50:04.417Z","updated_at":"2025-10-13T18:51:31.702Z","avatar_url":"https://github.com/zhibirc.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)](license.md)\n[![Maintenance](https://img.shields.io/maintenance/yes/2020.svg?style=flat-square)]()\n![GitHub package.json version](https://img.shields.io/github/package-json/v/zhibirc/excale?style=flat-square)\n![GitHub file size in bytes](https://img.shields.io/github/size/zhibirc/excale/build/index.min.js?style=flat-square)\n\n# Express Calendar\n\n_Simple and solid implementation of Calendar UI component._\n\n**Core ideas:**\n\n- zero-dependency;\n- often times customization flexibility is more important than a variety of out-of-the-box features, amount of which is often not enough for project purposes,\n  so the first goal was to provide the most basic implementation, but extendable enough in the same time to build more features on top;\n- some basic concepts such as `show`/`hide` methods are omitted, because in modular UI they expect to be present in prototype chain, like basic `component` module;\n- realization is in OOP-style, so users can instantiate as many independents calendars as they want;\n- resulting bundle size is one of project priorities so some syntax constructions and architectural decisions sometimes may look strange (google \"abnormal programming\").\n\n## Install\n\n```bash\nnpm i excale\n```\n\n## API\n\n### Public\n\n| Property           | Type                      | Scope         | Arguments | Purpose                                                  |\n|--------------------|---------------------------|---------------|-----------|----------------------------------------------------------|\n| date               | `[object Date]`           | self          | -         | Current date.                                            |\n| events             | `[object Object]`         | self          | -         | User-level subscriptions.                                |\n| $node              | `[object HTMLDivElement]` | self          | -         | Root DOM element of instance for extended customization. |\n| scroll             | `[object Function]`       | prototype     | direction | Scroll/switch to the previous/next month.                |\n| DIRECTION_PREVIOUS | `[object Symbol]`         | static getter | -         | Predefined constant for specify backward direction.      |\n| DIRECTION_NEXT     | `[object Symbol]`         | static getter | -         | Predefined constant for specify forward direction.       |\n\n### Initial config\n\n| Property  | Type              | Required | Defaults           | Purpose                                                         |\n|-----------|-------------------|----------|--------------------|-----------------------------------------------------------------|\n| year      | `[object Number]` | no       | Current year.      | Year for initial setup.                                         |\n| month     | `[object Number]` | no       | Current month.     | Month for initial setup.                                        |\n| day       | `[object Number]` | no       | Current day.       | Day to highlight on initial setup.                              |\n| bindTo    | `HTMLElement`     | yes      | -                  | HTML element that will determine the location of instance node. |\n| className | `[object String]` | no       | Empty string `''`. | User-defined class name of instance node.                       |\n| events    | `[object Object]` | no       | Empty object `{}`. | User's subscriptions to interested events.                      |\n\nExample:\n\n```javascript\nconst Excale = require('excale');\nconst excale = new Excale({\n    year:  2020,\n    month: 4,\n    day:   1,\n\n    bindTo: document.getElementById('calendar'),\n\n    className: 'be-my-calendar',\n\n    events: {\n        scroll: (direction, dateFrom, dateTo) =\u003e {\n            console.info(`Scroll ${['back', 'for'][direction]}ward from ${dateFrom} to ${dateTo}.`);\n\n            /* do some cool stuff */\n        }\n    }\n});\n```\n\n## License\n\n**excale** is [MIT licensed](./license.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhibirc%2Fexcale","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhibirc%2Fexcale","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhibirc%2Fexcale/lists"}