{"id":31848899,"url":"https://github.com/innovation-system/vuetify-week-scheduler","last_synced_at":"2025-10-12T10:52:43.836Z","repository":{"id":37707087,"uuid":"500783556","full_name":"innovation-system/vuetify-week-scheduler","owner":"innovation-system","description":"Simple week scheduler component.","archived":false,"fork":false,"pushed_at":"2025-04-30T12:04:47.000Z","size":5747,"stargazers_count":12,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-05T09:29:09.721Z","etag":null,"topics":["scheduler","vue","vuetify","week","week-scheduler"],"latest_commit_sha":null,"homepage":"https://innovation-system.github.io/vuetify-week-scheduler/","language":"Vue","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/innovation-system.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"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,"zenodo":null}},"created_at":"2022-06-07T09:58:07.000Z","updated_at":"2025-04-30T12:04:50.000Z","dependencies_parsed_at":"2025-04-24T09:38:26.358Z","dependency_job_id":null,"html_url":"https://github.com/innovation-system/vuetify-week-scheduler","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/innovation-system/vuetify-week-scheduler","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovation-system%2Fvuetify-week-scheduler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovation-system%2Fvuetify-week-scheduler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovation-system%2Fvuetify-week-scheduler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovation-system%2Fvuetify-week-scheduler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/innovation-system","download_url":"https://codeload.github.com/innovation-system/vuetify-week-scheduler/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/innovation-system%2Fvuetify-week-scheduler/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279011065,"owners_count":26084865,"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-12T02:00:06.719Z","response_time":53,"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":["scheduler","vue","vuetify","week","week-scheduler"],"created_at":"2025-10-12T10:52:40.446Z","updated_at":"2025-10-12T10:52:43.829Z","avatar_url":"https://github.com/innovation-system.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vuetify Week Scheduler\n\n![GitHub package.json version](https://img.shields.io/github/package-json/v/innovation-system/vuetify-week-scheduler)\n[![ci](https://github.com/innovation-system/vuetify-week-scheduler/actions/workflows/ci.yml/badge.svg)](https://github.com/innovation-system/vuetify-week-scheduler/actions/workflows/ci.yml)\n\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n[![MIT Licence](https://badges.frapsoft.com/os/mit/mit.png)](https://opensource.org/licenses/mit-license.php)\n\n[![NPM Downloads](https://img.shields.io/npm/dm/@innovation-system/vuetify-week-scheduler.svg?style=flat)](https://www.npmjs.com/package/@innovation-system/vuetify-week-scheduler)\n\n\u003e A simple component to manage weekly events\n\nInspired by [jquery-schedule](https://github.com/Yehzuna/jquery-schedule).\n\n## For Vue 3\n\nSee [Vuetify Week Scheduler V3](https://github.com/innovation-system/vuetify-week-scheduler-v3).\n\n## Installation\n\n### NPM\n\n```bash\nnpm install @innovation-system/vuetify-week-scheduler --save\n```\n\n### Yarn\n\n```bash\nyarn add @innovation-system/vuetify-week-scheduler\n```\n\n## Demo\n\nCheckout a demo [here](https://innovation-system.github.io/vuetify-week-scheduler/).\n\nDemo source code is [here](/dev/)\n\n## Usage\n\nImport component\n\n```javascript\nimport VueWeekScheduler from \"@innovation-system/vuetify-week-scheduler\";\n```\n\nAnd add to parent component\n\n```javascript\nexport default {\n  components: {\n    VueWeekScheduler,\n  },\n  // ... data, methods, mounted (), etc.\n};\n```\n\n## Props\n\n### `config`\n\n- Type: `object`\n- Defaults:\n\n```javascript\n{\n     hour: 24, // hour format, 24/12\n     days: 7, // number of days, 7/5\n     periodDuration: 15, // event duration inteval 15/30/60\n     periodTitle: \"\", // event default title\n     periodBackgroundColor: \"#F44336FF\", // event default color\n     periodBorderColor: \"transparent\", // event default border color\n     periodTextColor: \"#000\", // event default text color\n     periodRemoveButton: \"Remove\", // label of event remove button\n     periodDuplicateButton: \"Duplicate\", // label of event duplicate button\n     daysList: [    // list of days labels\n       \"Monday\",\n       \"Tuesday\",\n       \"Wednesday\",\n       \"Thursday\",\n       \"Friday\",\n       \"Saturday\",\n       \"Sunday\",\n     ],\n     colors: [  // list of event's possible colors\n       \"#F44336\",\n       \"#FF9800\",\n       \"#FFEB3B\",\n       \"#8BC34A\",\n       \"#4CAF50\",\n       \"#00BCD4\",\n       \"#2196F3\",\n      ],\n      inputType: \"text\" // usually set as text or number\n}\n```\n\n### `value`\n\n- Type: `array`\n- Required: `true`\n\nArray of events, two-way binding with (`v-model`). The format of events is:\n\n```js\n[\n      {\n        \"day\": 0,\n        \"periods\": [\n          {\n            \"start\": \"00:00\",\n            \"end\": \"09:00\",\n            \"title\": 15,\n            \"backgroundColor\": \"#FF0000FF\"\n          },\n          {\n            \"start\": \"09:00\",\n            \"end\": \"20:00\",\n            \"title\": 22,\n            \"backgroundColor\": \"#008000FF\"\n          }\n        ]\n      },\n      {\n        \"day\": 1,\n        \"periods\": []\n      }\n      ...\n```\n\n### `editable`\n\n- Type: `boolean`\n- Default: `false`\n\nWhether or not the component permits to add/edit events\n\n## Events\n\n### `edit(obj)`\n\nIn desktop devices this event is emitted when user right clicks on double clicks on an event, in touch devices this is emitted when user long press on an event.\n\n```javascript\nobj: {\n    day: number, // the day index\n    index: number // the period index\n}\n```\n\n### `error(err)`\n\n- `err` error throwed during initialization\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnovation-system%2Fvuetify-week-scheduler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finnovation-system%2Fvuetify-week-scheduler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnovation-system%2Fvuetify-week-scheduler/lists"}